养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

屏蔽广告的原理、方法和实现:[1]手动屏蔽

时间:2024-11-15 18:23:53

通过使用IE开发者工具查找指定的网页元素并隐藏,来达到屏蔽广告的目的。使读者能够了解屏蔽广告的基本原理和方法。

工具/原料

IE浏览器。最好是IE10或IE9,IE8下未调试。

IE自带的开发者工具。一般该工具无需另外下载,如果您的IE浏览器版本过低(低于IE8),需要另外下载。

方法/步骤

1、使用IE浏览器打开您所需要浏览的网页,也就是我们需要屏蔽广告的页面,笔者使用小说阅读网首页做示范,如下图:

屏蔽广告的原理、方法和实现:[1]手动屏蔽

2、按F12打开开发者工具,或者点击右上角的“工具”图标,选择“F12开发者工具”,来打开开发者工具。如下图:

屏蔽广告的原理、方法和实现:[1]手动屏蔽

3、在开发者工具菜单栏中点击“查找——单击选择可视化元素”,或者直接点击左上角的鼠标箭桌薜兀变头,亦或者使用快捷键“Ctrl+B”,启动可视化元素查找。然后移动鼠标到广告图片上,该图渔镭沃昏片周围会出现一个醒目的矩形框,提示若点击则选中该元素。点击该图片,选中该元素,同时会自动选中开发者工具标签树中相应的标签。如下图:

屏蔽广告的原理、方法和实现:[1]手动屏蔽

4、然后在开发者工具的标签树中,向上精确查找“广告位”。一般情况下,广告嵌套在Iframe标签中,找到包含该Iframe的div标签,然后隐藏就可以达到屏蔽广告的目的了。如下图:

屏蔽广告的原理、方法和实现:[1]手动屏蔽

5、通过设置标签style="display:none;"擢爻充种的方式来隐藏标签。在开发者工具中可以通过“右击-添加舛匀砖察属性”或者双击修改属性,前者是在该标签中不包含待加的属性,后者已经包含直接修改就可以了。如下图:

屏蔽广告的原理、方法和实现:[1]手动屏蔽

屏蔽广告的原理、方法和实现:[1]手动屏蔽

6、设置好属性后,IE会自动调整界面,以适应新属性。效果图如下:

屏蔽广告的原理、方法和实现:[1]手动屏蔽

© 一点知识