解决手机UC浏览器图片不显示问题

解决手机UC浏览器图片不显示问题

在其他手机浏览器没问题,但是到了UC浏览器就有问题了,经过逐步排查,发现UC浏览器自带了广告过滤。

1.在UC浏览器设置里面将广告过滤关闭即可,但是这不是唯一解决方案。

2.后来我发现,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;}


注意:此文章是站长从千万篇中精心挑选的,请认真对待文章内容。站长提供不易,请动动小手分享一下!如有问题请联系站长,QQ号:1787511717(同微信),邮箱号:1787511717@qq.com,以上内容由沙漏博客的作者颜浩发布到技术学习专栏!
本文章最后修改时间为:2019-12-22 09:41!

内容版权声明:文章由沙漏博客_分享提供!

转载注明出处:https://www.58yanhao.com/a/346.html

分享到:
打赏

觉得本站还不错就打赏一下吧!

支付宝扫一扫打赏

微信扫一扫打赏