這段時(shí)間倒騰的東西需要和微博有大量的互動(dòng),所以使用了微博的展示框以及評(píng)論箱。微博在這方面處理的不是很好,均是提供了iframe的方式。在移動(dòng)端我并不希望加載這樣的iframe頁(yè)面,@media+display:none無(wú)法避免資源被加載,只是被隱藏而已。不談及性能,光在流量損耗上對(duì)于訪問(wèn)者來(lái)說(shuō)都是不友好的。最終我想到一個(gè)辦法來(lái)處理展示框,由于本身已經(jīng)引用了JQuery,所以直接用了下面的代碼:if($(window).width()>1260){$("#sidebar").html("");};查詢窗體寬度后,填入iframe內(nèi)容,可以避免手機(jī)端的加載。但是這樣的辦法無(wú)法應(yīng)用于評(píng)論箱,不知道從何下手。微博提供的是這樣的一段代碼:(function(){varurl="http://xxxxxxxxxxxxxx.com";url=url.replace("url=auto","url="+encodeURIComponent(document.URL));document.write('');})();window.WBComment.init({"id":"WBCommentFrame"});希望這段代碼能夠在1260以上的寬度才會(huì)被加載,而不是被隱藏。先行感謝!
響應(yīng)式設(shè)計(jì):如何在移動(dòng)端避免某些資源的加載?
明月笑刀無(wú)情
2019-04-16 20:27:56