如何屏蔽网页广告(网页中的特定元素)

发布时间 2023-12-10 14:56:37作者: 橘色猫

1. 原因

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

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

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

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

3. 自定义规则

3.1. 为什么要自定义

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

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

3.2. 如何自定义规则

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

第一步:打开元素审查

image

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

找到元素的大概位置,然后确定要屏蔽的内容
image
例如上图中,找到了“百度热搜”的位置后,按照下图方式将整个模块确定
image
至此,我们已经知道要屏蔽的是id=con-ceiling-wrapper的元素了

第三步:编写规则

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

baidu.com###con-ceiling-wrapper

image
image

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

参考

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