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

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

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

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

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

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

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

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

由此可见，屏蔽广告的基本原理和方法就是找到广告所在的div标签，然后设置该标签style="display:none;"。该方法不仅可以屏蔽广告，还可以屏蔽任意元素、修改任意属性。

使用style="display:none;" 的方式设置标签属性，比直接设置display=“none”，效果要好，因为后者可能存在样式重叠致使设置的属性无效的情况。

使用style我们不仅可以隐藏元素，还可以设置其他属性，例如width等，从理论上我们可以修改任意属性值。