通过使用IE开发者工具查找指定的网页元素并隐藏,来达到屏蔽广告的目的。使读者能够了解屏蔽广告的基本原理和方法。
工具/原料
IE浏览器。最好是IE10或IE9,IE8下未调试。
IE自带的开发者工具。一般该工具无需另外下载,如果您的IE浏览器版本过低(低于IE8),需要另外下载。
方法/步骤
1、使用IE浏览器打开您所需要浏览的网页,也就是我们需要屏蔽广告的页面,笔者使用小说阅读网首页做示范,如下图:
2、按F12打开开发者工具,或者点击右上角的“工具”图标,选择“F12开发者工具”,来打开开发者工具。如下图:
3、在开发者工具菜单栏中点击“查找——单击选择可视化元素”,或者直接点击左上角的鼠标箭桌薜兀变头,亦或者使用快捷键“Ctrl+B”,启动可视化元素查找。然后移动鼠标到广告图片上,该图渔镭沃昏片周围会出现一个醒目的矩形框,提示若点击则选中该元素。点击该图片,选中该元素,同时会自动选中开发者工具标签树中相应的标签。如下图:
4、然后在开发者工具的标签树中,向上精确查找“广告位”。一般情况下,广告嵌套在Iframe标签中,找到包含该Iframe的div标签,然后隐藏就可以达到屏蔽广告的目的了。如下图:
5、通过设置标签style="display:none;"擢爻充种的方式来隐藏标签。在开发者工具中可以通过“右击-添加舛匀砖察属性”或者双击修改属性,前者是在该标签中不包含待加的属性,后者已经包含直接修改就可以了。如下图:
6、设置好属性后,IE会自动调整界面,以适应新属性。效果图如下: