本文以http://gubaojian.blog.163.com/blog/static/1661799082012368846683/为例
一进入网页我们不难发现这两处大大的广告:
这还让不让人好好看博客了。
更可恨的是随着往下阅读,它们还都像甩不掉的牛皮糖一样黏在我们的视线里
而我们安装的Adblock Plus插件此刻并没有能履行好它为我们阻挡广告的职责,令人再次烦恼的是原本在其它页面上有的“拦截元素”的选项在这个网易博客的页面上竟然不见了,所以我们该如何解决网易博客上这些令人厌烦的广告呢?
哈哈,这个时候我们就可以使用Adblocks Plus的高级功能了,相信你一定不难找到下图这个地方:
这里就是我们要撰写规则的地方,用于屏蔽掉那些Adblock Plus本身自带的过滤规则不能屏蔽掉的广告。
那么这个要怎么编写呢?详细的可以参见它的官方网站:
https://adblockplus.org/zh_CN/filters
下面我们就来说说怎么使用这些功能屏蔽掉网易博客的广告。
首先格式很显然就是:
163.com## + 我们想要屏蔽广告的类名
那么,怎么找到这些广告的类名呢,很显然就是F12,然后点击这个按钮,然后点击我们想要屏蔽的广告,分析出它的class是什么。
对于最上面这三个广告,我们可以发现它们都是标签,并且类名都是dlditm,于是我们就可以编写以下规则
163.com##.dlditm
将其写到高级里面后,在返回刷新页面就可以惊喜的发现这栏广告已经没了。
至于这条规则为什么没用div元素里面的class呢,因为这三个广告的class名都不一样,编写起来会麻烦点。
当然你也可以这样编写:
163.com##.fl
缺点就是
同时会被屏蔽掉
重复使用该规则后,我们可以得出以下的这些规则可以完全屏蔽掉网易博客的广告:
163.com##.f-trans.m-lofteriframe.m-lofteriframe-2
163.com##.ttlbar.fc06.bdwb.bdc0.bds0
163.com##.dlditm
163.com##.newscnt
163.com##.m-taglist
163.com##.m-lofteriframe
下面就是屏蔽广告之后的网易博客界面,是不是清爽很多了呢:
--------------------2018/06/17更新---------------------------------------------
这几天浏览新浪微博的时候,比如:http://blog.sina.com.cn/s/blog_735fb3b40100svet.html
在侧面会发现一个大大的广告:
而且,它还会随你的浏览而移动,这简直是不能忍啊,点击Adblock Plus,发现还不能拦截元素,那就只能手动屏蔽了。
我们选中它可以发现这个div的id可能是一串变化的数字,那这玩意怎么屏蔽啊,总不能每次见到它才屏蔽一次,看这串数字怕是屏蔽各一万年也屏蔽不完啊,那怎么办呢?
还好我们有强大的自定义规则:
使用这个规则,再来分析这个id,我们可以写出以下自定义规则:
blog.sina.com.cn##div[id*="panel"]
然后返回刷新一下,当当当当,虾米都没有了哦~,是不是很好用哒~
emmm秉着诚实守信的原则,我得说一句,这条规则好像把最上面的登录给屏蔽掉了。
当然这只是众多屏蔽广告插件中的一种,我所述的方法也只是撰写规则的皮毛,如果你还有更加强大的插件可以在下面留言让更多的人知道 :)。