屏蔽广告的原理、方法和实现:[1]手动屏蔽
1、 使用IE浏览器打开您所需要浏览的网页,也就是我们需要屏蔽广告的页面,笔者使用小说阅读网首页做示范,如下图:
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/3aae2b4f50b8b43e25e7a7f97132939c2df71990.jpg)
2、按F12打开开发者工具,或者点击右上角的“工具”图标 ,选择“F12开发者工具”,来打开开发者工具。如下图:
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/92dd32f7dfb2dc195a10aba895def4dca1391090.jpg)
3、在开发者工具菜单栏中点击“查找——单击选择可视化元素”,或者直接点击左上角的鼠标箭桌薜兀变头,亦或者使用快捷键“Ctrl+B”,启动可视化元素查找。然后移动鼠标到广告图片上,该图渔镭沃昏片周围会出现一个醒目的矩形框,提示若点击则选中该元素。点击该图片,选中该元素,同时会自动选中开发者工具标签树中相应的标签。如下图:
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/1f9feadca039131f54d0236ae275f2c4ed990a90.jpg)
4、然后在开发者工具的标签树中,向上精确查找“广告位”。一般情况下,广告嵌套在Iframe标签中,找到包含该Iframe的div标签,然后隐藏就可以达到屏蔽广告的目的了。如下图:
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/6834ecc4ec995943a43db84d95425d6b05d10490.jpg)
5、通过设置标签style="display:none;"的方式来隐藏标签。在开发者工具中可以通过“右击-添加舛匀砖察属性”或者双击修改属性,前者是在该标签中不包含待加的属性,后者已经包含直接修改就可以了。如下图:
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/1f03436b04d149293cb4c9a063e5eceeacbc7e90.jpg)
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/acfda02f4770461871e61488b08602214e577690.jpg)
6、设置好属性后,IE会自动调整界面,以适应新属性。效果图如下:
![屏蔽广告的原理、方法和实现:[1]手动屏蔽](https://exp-picture.cdn.bcebos.com/4e168d5653bbf820d2c766b8ba21056105a36e90.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:86
阅读量:86
阅读量:64
阅读量:70
阅读量:54