利用Adguard过滤图怪兽“烦人”的弹窗广告

大家在日常生活中，可能有使用过类似于在线ps的工具，一定程度上能让我们更加便利的达到预期目标。然而，再当我们选择这类工具的时候，往往会被满屏的广告劝退：原本只是打算来简单的p个图，现在要点一大堆的叉叉，心情全无……万物皆有矛盾，它们的克星：广告过滤插件/软体等，似乎对于初学者而言，实在是难以上手，往往很难理解官方文档中的相关术语。今天刚好有空，随手记录一下网页广告过滤DIY的一些步骤吧。

前言

本文仅做记录和学习，不是推广。相信眼前的你如果有这方面的需求，也能够依葫芦画瓢来实现自己想要的预期效果。

简述

• 记录对象：图怪兽
• 使用到的插件/软件：Adguard
• 使用到的浏览器：Chrome

*友情提醒：绝大部分事物都有两面性，可能是好的，也可能是不好的。广告过滤插件/软体虽然能够过滤掉我们不喜欢的元素，但是相对的，网页需要加载的东西也随之而多，这或多或少会影响对应网页的加载速度，如果不能够接受，那么可以选择关闭页面了。

• 随手录，简单看看就好

[bvideo bv="15P411L7yk"][/bvideo]

1.简单玩法

1.1 选择插件/软体

如果你不喜欢折腾，甚至付费，那么可以选择简单的方式：安装浏览器插件。反之，可以选择对应的软体安装到本地。博主这里记录的是使用Adguard软体的方式，本质上都是通用的。

1.2 选择过滤元素

当上一步完成对应插件/软体的安装后，我们就可以打开你所使用的在线ps网站，然后键盘上按F12或者鼠标右击打开开发者工具。接下来选择“小手”图标，然后点击你要过滤的元素，会自动定位到该元素对应的Html代码块里。如果定位的不正确，这时，我们可以继续移动鼠标，找到外层的标签，直到找到为止。

1.3 测试元素

这一步中，为了能快速的找到我们需要过滤的元素，需要对上一步里找到的元素“手术”：直接双击id选择器里的内容进行修改，或者双击class选择器里的内容进行修改。修改了之后若发现不对，可以点击开发者工具里代码块的任意位置，使用ctrl+z撤销刚才的操作，可以多次撤销，然后继续往外层找元素，对其进行尝试修改。。

若是修改了之后，对应的元素发生了变化，那就证明选择对了。这时我们需要在该元素里，添加/修改style样式代码，比如加个hidden none^important，如果直接隐藏，那就表示可以了。

1.4 添加过滤规则

上一步确定可以之后，这一步里就是简单的填填写写就可以了。比如过滤id选择器为“top_”，那么可以使用规则：domain.com###top_ 。过滤class类选择器为“button_menu”，可以使用规则：domain.com##.button_menu

然后？打开Adguard插件或者软件，将它们填进去就好。

1.5 测试效果

添加完成后，可以重新访问目标网站，判断是否达到预期目标。如果不行，可以尝试关闭浏览器重新打开。

2.过滤规则

这里随手贴一下过滤规则，觉着上面的步骤麻烦不想动手操作的可以自取。

3.复杂玩法

博主自己是搭配js脚本，来添加修改样式。想折腾的，或者说不满足当前简单的元素过滤，可以移步下一篇文章：执行js脚本，修改CSS样式

碎碎念：这很重要

不管是什么广告过滤器/插件/软体，都或多或少会影响网页加载速度，而且严重一点的还可能会因为误拦截请求，而导致网页与你的交互、网页与服务端的交互异常，从而使得一些操作“无效化”：包括但不限于点啥啥没反应、进度条响应卡住不动、图片无法加载、无法登录注册、选项按钮消失……因此，当你发现网页异常的时候，先不要慌，可以尝试关闭这一类的广告过滤插件/软体。