前端----广告过滤雷区
Posted shenroom
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端----广告过滤雷区相关的知识,希望对你有一定的参考价值。
前两天做了一个网页项目,测试各主流浏览器以及ie678都没有问题,测试了手机屏幕调试模式也OK,然后在github上page了一下,用手机打开page后的网址,结果神奇的事情发生了,网页排版居然发生改变了,我很奇怪仔细找了一下,发现有几个图片的板块居然不显示。
好吧!我又重新返回去源文件对那些没有显示的板块及图片的途径反复检查,没问题后,又在电脑端测试没问题后。重新push到github上,再用手机打开时还是不显示,哎哟我去!我还不信邪!我可劲刷新手机浏览器,等等!我看到了什么?我看到一条消息一闪而过!不仔细看还真发现不了!网址栏那里一闪而过 “已为您过滤了2条广告” 瞬间整个人感觉就不好了,这浏览器特牛逼了。。。
OK! 既然找到问题了就好办了,我看了一下我的源代码:
<div class="main_ad1">
<img src="ad1.png" >
</div>
......
<div class="main_ad2">
<img src="ad2.png" >
</div>
就是这两货不显示。。在想坑定是浏览器检测到了含有 ad(advertising 广告的缩写)类名所以把我的,div给干掉了。因此我就把 main_ad 改成 main_ggao ,重新push后用手机打开,很期待很激动。。。。
咔!结果还是不显示。。麻麻皮!难道还要检测图片名称??好吧!再改,把图片改成ggao.png. push再打开!修改后代码如下:
<div class="main_ggao1">
<img src="ggao1.png" >
</div>
......
<div class="main_ggao2">
<img src="ggao2.png" >
</div>
终于显示粗来了。。。。。
以后算是长记性了。。。。。。。。。。。。。
以上是关于前端----广告过滤雷区的主要内容,如果未能解决你的问题,请参考以下文章
Adblock Plus for IE11 广告过滤屏蔽怎么用