您的位置:首页 > 运维架构 > 网站架构

使用Adblock Plus屏蔽极客学院网站上的悬浮页面元素

2016-04-23 13:37 936 查看
极客学院的网站上有一些悬浮的页面元素,很影响正常使用。

于是经过查找Adblock Plus官方的过滤规则撰写说明书,在Adblock Plus的自定义过滤规则中加入如下3条,即可屏蔽。

jikexueyuan.com##div.pewm1
jikexueyuan.com##div.pewm2
jikexueyuan.com##div.pewm3


所添加规则的撰写过程:

首先打开目标网页,键盘上按F12,假设使用的是Firefox浏览器,则在下边新出现的区域的左上角,有一个箭头指着窗口的图标,鼠标指向该图标还会显示“从页面中选择一个元素”,点击该图标,然后将鼠标指向你想要屏蔽的元素,下方就会自动定位到该元素所在的代码行。然后根据这个元素属于什么,翻看Adblock Plus官方的过滤规则撰写说明书,就能撰写了。

上边代码的含义是,仅仅只在jikexueyuan.com这一个网站的域名内,屏蔽class名为pewm1、pewm2、pewm3的div元素。因为广告恰好就是这几个,不多不少。

屏蔽时要避免殃及无辜。屏蔽前后要对比一下,或者在代码中Ctrl+F一下,搜索一下看看都是有哪些使用了同样元素的地方。

附:

Adblock Plus官方网站

Adblock Plus过滤规则撰写说明书
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Adblock Plus