如何屏蔽网页广告（网页中的特定元素）

目录

• 1. 原因
• 2. 选择一个合适的过滤器
• 3. 自定义规则
  • 3.1. 为什么要自定义
  • 3.2. 如何自定义规则
    • 第一步：打开元素审查
    • 第二步：确认要屏蔽的元素
    • 第三步：编写规则
• 参考

1. 原因

非常讨厌百度页面的“百度热搜”栏目，影响了我的工作效率，因此想要找个方式屏蔽掉它

2. 选择一个合适的过滤器

首先需要选择一个浏览器插件，选择很多，甚至可能部分浏览器自带过滤器的功能。
对我而言，选择了电脑全局AdGuard，这款过滤器享誉世界，总之选它不会踩雷。

以AdGuard为例，它本身内置了许多广告拦截器，基本可以覆盖90%的使用场景

3. 自定义规则

3.1. 为什么要自定义

想要实现一些特殊的功能，例如我想拦截之前提到的“百度热搜”，就需要自定义拦截规则，如下图所示：

开启这条规则后，页面立刻就清爽了

3.2. 如何自定义规则

只需要审查页面元素，找到对应的模块名称即可，以Safari浏览器为例：

第一步：打开元素审查

第二步：确认要屏蔽的元素

找到元素的大概位置，然后确定要屏蔽的内容

例如上图中，找到了“百度热搜”的位置后，按照下图方式将整个模块确定

至此，我们已经知道要屏蔽的是id=con-ceiling-wrapper的元素了

第三步：编写规则

从AdGuard的官方文档 可以确定，想要屏蔽id=con-ceiling-wrapper的元素，需要编写的规则为：

baidu.com###con-ceiling-wrapper

至此，规则编写完成，开启后即可达到过滤的效果

参考

AdGuard官方文档
https://adguard.com/kb/zh-CN/general/ad-filtering/create-own-filters/