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

如何屏蔽网页广告

冗余信息总是充斥着整个网页，令人厌烦，以百度为例：
下图中标明的“百度热搜”模块总是分散我的注意力，所以我想屏蔽掉它


（既然正常的图片会被CSDN屏蔽，索性补充一张别的😅）

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

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

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

2. 自定义规则

2.1. 为什么要自定义

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

开启规则后，刚才的网页就去掉了“百度热搜”：


（既然正常的图片会被CSDN屏蔽，索性补充一张别的😅）

2.2. 如何自定义规则

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

第一步：


（既然正常的图片会被CSDN屏蔽，索性补充一张别的😅）
第二步：
点击审查元素

大致选择想要屏蔽的模块，不一定要很精准，选中附近模块即可：

从图中可以看到，包含了这一个元素的名字叫做“con-ceiling-wrapper”（虽然这个叫做“result-op xpath-log new-pmd”更加精准一点，但是把它的爹一锅端了就行，达到效果就是好的🤔）

所以我们就可以确定，需要制定的规则为：

www.baidu.com###con-ceiling-wrapper

把它添加到规则中启用，就可以了！❤️

3. 拓展

类似地，也可以去屏蔽掉一些其他的网站中的垃圾广告