火狐插件Adblock Plus自定义功能屏蔽网易博客广告

本文以http://gubaojian.blog.163.com/blog/static/1661799082012368846683/为例


一进入网页我们不难发现这两处大大的广告:


这还让不让人好好看博客了。


更可恨的是随着往下阅读,它们还都像甩不掉的牛皮糖一样黏在我们的视线里



而我们安装的Adblock Plus插件此刻并没有能履行好它为我们阻挡广告的职责,令人再次烦恼的是原本在其它页面上有的“拦截元素”的选项在这个网易博客的页面上竟然不见了,所以我们该如何解决网易博客上这些令人厌烦的广告呢?




哈哈,这个时候我们就可以使用Adblocks Plus的高级功能了,相信你一定不难找到下图这个地方:



这里就是我们要撰写规则的地方,用于屏蔽掉那些Adblock Plus本身自带的过滤规则不能屏蔽掉的广告。

那么这个要怎么编写呢?详细的可以参见它的官方网站:

https://adblockplus.org/zh_CN/filters


下面我们就来说说怎么使用这些功能屏蔽掉网易博客的广告。

首先格式很显然就是:

163.com##  +  我们想要屏蔽广告的类名

那么,怎么找到这些广告的类名呢,很显然就是F12,然后点击这个按钮,然后点击我们想要屏蔽的广告,分析出它的class是什么。



对于最上面这三个广告,我们可以发现它们都是<a>标签,并且类名都是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
下面就是屏蔽广告之后的网易博客界面,是不是清爽很多了呢:



当然这只是众多屏蔽广告插件中的一种,我所述的方法也只是撰写规则的皮毛,如果你还有更加强大的插件可以在下面留言让更多的人知道 :)。

猜你喜欢

转载自blog.csdn.net/sinat_41104353/article/details/80494443