【实战】Adblock Plus 广告过滤规则高效配置指南

1. 为什么你的Adblock Plus总感觉“差点意思”？

不知道你有没有过这种感觉，明明浏览器上已经装好了大名鼎鼎的Adblock Plus，但上网冲浪时，那些烦人的广告还是会时不时地冒出来。比如，刷个贴吧，首页推荐里总夹杂着一些奇怪的帖子；看个视频，片头几十秒的等待依然无法跳过；甚至在阅读新闻时，文章中间还是会突然插入一张巨大的动态横幅。

我刚开始用的时候也这样，以为装个插件就万事大吉了。后来才发现，Adblock Plus的强大之处，恰恰在于它的“可定制性”。它自带的那套“可接受广告”规则，为了平衡网站运营，有时会手下留情。而那些通用的过滤列表，比如“EasyList”，虽然能挡住大部分主流广告，但对于一些国内特色网站、或者一些采用了新技术的“顽固”广告，就显得力不从心了。

这就好比给你一把万能钥匙，它能打开大部分常见的锁，但遇到一些特殊构造的防盗门，还是得靠你自己根据锁芯形状，稍微打磨一下钥匙的齿痕。Adblock Plus的过滤规则，就是这把可以让你自己打磨的“钥匙”。学会自己写几条规则，往往能解决你90%以上的特定广告困扰，让你的浏览体验从“基本可用”直接跃升到“清爽无痕”。

这篇文章，就是来帮你完成这次跃升的。我不会讲太多深奥的计算机原理，而是从一个普通用户、一个被广告烦透了的“过来人”的角度，手把手带你认识那些看似神秘的代码，并教你如何像侦探一样，找出网页广告的“破绽”，然后用一行简单的规则让它彻底消失。你会发现，这比你想象的要简单、有趣得多。

2. 侦探入门：一眼看穿网页广告的“身份证”

想要屏蔽广告，首先得学会在茫茫的网页代码海洋中，把广告元素给揪出来。别怕，这不需要你成为编程高手，只需要你懂得使用浏览器自带的一个“侦探工具”——开发者工具。

第一步，打开你的“侦探工具箱”。 在任何网页上，右键点击那个让你讨厌的广告区域，然后在弹出的菜单里选择“检查”（Inspect）。这时，浏览器通常会分成两半，下半部分就是开发者工具面板，而你的鼠标右键点击的那个广告，它的HTML代码会被高亮显示。

第二步，识别关键信息。 高亮的那段代码，就是广告元素的“身份证”。我们主要关注两个最常用的“身份证号码”：class（类）和 id（ID）。比如，你可能会看到这样的代码：

<div class="ad-container" id="top-banner-ad">
   <img src="ad.jpg">
</div>

在这个例子里，这个广告<div>的class是ad-container，id是top-banner-ad。这两个属性，尤其是class，是广告屏蔽规则最常用的靶点。

实战一下：以百度贴吧为例。 我们打开原始文章里提到的规则：

tieba.baidu.com##li[data-field="{}"][add-shield-track="1"]

我们来拆解一下这条规则在“侦探”眼里的含义：

• tieba.baidu.com：这是“作案现场”限定。规则只会在贴吧的页面上生效，不会影响你逛淘宝或者看视频。
• ##：这是Adblock Plus的“隐藏”指令，意思是“把找到的东西藏起来”。
• li：这指的是网页中的<li>列表项元素。
• [data-field="{}"] 和 [add-shield-track="1"]：这是两个属性选择器。它表示，我们要找的，是那些同时拥有data-field属性值为{}，并且拥有add-shield-track属性值