javascript - 如何编写自己的类似 AdBlock 的插件

Question

我对内容如何被阻止的简单示例感兴趣。 “https://adblockplus.org/en/filters”的文档非常少，并且如何使用“https://easylist-downloads.adblockplus.org/easylist.txt”也没有理想的描述。例如，如何使用过滤规则。例如，如何根据规则“&ad_box_”创建选择查询。

    document.querySelectorAll('a[href*="&ad_box_"]'); // maybe like that?

如果有一个使用这些规则的 JavaScript 代码的简约示例，我将非常感激。

Answer 1

有两种方法可以阻止广告:

1. 通过匹配 URL 来阻止请求
2. 使用 CSS 选择器隐藏页面上的元素

您所指的过滤器(即 &ad_box_)属于前者，这意味着任何包含 &ad_box_ 的网址都应被阻止。另一方面，隐藏过滤器可以通过 ## 后跟 CSS 选择器来标识(例如 ##body div.foo)。

请注意，Adblock Plus 是开源的，因此您可以找到其完整源代码 on GitHub .