解決手機UC瀏覽器圖片不顯示問題
在其他手機瀏覽器沒問題,但是到了UC瀏覽器就有問題了缘厢,經(jīng)過逐步排查弟胀,發(fā)現(xiàn)UC瀏覽器自帶了廣告過濾项阴。
1.在UC瀏覽器設(shè)置里面將廣告過濾關(guān)閉即可,但是這不是唯一解決方案僻他。
2.后來我發(fā)現(xiàn)宵距,uc手機瀏覽器會過濾包含ad,banner,baidu字符的圖片路徑,禁止其顯示吨拗,所以給圖片命名或存放圖片路徑時 盡量不要含有ad,banner字符满哪。還有類名也不要起banner,如ad_img
盡量不要含有ad字符! ! ! !
例子:
3.去除uc的影響婿斥!
iframe[src*="ucweb.com"] { display: none !important; }
4.js+css 處理
/UC屏蔽廣告/
var arr = $("iframe");
for(var i=0;i<arr.length;i++){
var that = arr[i];
if(that.src.indexOf("ucweb.com") != -1){
that.height="0";
that.width="0";
that.style="display:none !important";
}
}
.mtheight{height:5rem;position:relative;z-index:998;background:#ffffff;}