AdBlock 插件/傲游浏览器 ABP 广告过滤规则是如何边编写的

来源：互联网发布：金百福珠宝软件试用版编辑：程序博客网时间：2024/05/21 17:34

参考资料:http://bbs.maxthon.cn/thread-369613-1-1.html

http://www.w3school.com.cn/css/index.asp

http://www.w3school.com.cn/html/index.asp(绝世的好网站,值得学习)

别人写的好深奥,非专业人士根本没有看下去的欲望,不过确实写的不错,我给简化了一下,挑选实用的

语法:

1.过滤标签;

##a
含义: 标签选择器,匹配所有标签为a的元素
(常用标签: html、title、head、body、div、table、tr、td、li、form、img、script、a、p、br、h1、h2、h3、h4、h5、h6...)
示例:

2.过滤类名

##.a
含义: 类(class)选择器,匹配所有class名为a元素
示例:

复制代码

其他过滤方式一样,我就不一一截图了;

3.过滤id

###a
含义: id选择器,匹配所有id为a的元素
示例:

复制代码

4、属性选择器
属性选择器通过元素属性来选择元素

.
选择器: [attr]
含义: 属性选择器,匹配所有包含attr属性的元素,其中attr属性值为任意值。
示例:

复制代码

. .
选择器: [attr=val]
含义: 属性选择器,匹配所有包含attr属性的元素,其中attr属性值等于->val<-
示例:

## a[id="post_3419917"]
!说明:选择所有标签为div的a元素,这些元素具有属性id,id的值为post_3419917!(字符串"post_3419917"两端的引号->"<-可不写,但是字符串以数字开头时必须写，以下相同)
!效果: 12#被屏蔽

复制代码

. .
选择器: [attr~=val]
含义: 属性选择器,匹配所有包含attr属性的元素,其中attr属性值为具有多个空格分隔的值,并且其中的一个值等于->val<-
示例:

复制代码

. .
选择器: [attr^=val]
含义: 属性选择器,匹配所有包含attr属性的元素,其中attr属性值以->val<-开头
示例:

复制代码

. .
选择器: [attr$=val]
含义: 属性选择器,匹配所有包含attr属性的元素,其中attr属性值以->val<-结尾
示例:

复制代码

. .
选择器: [attr*=val]
含义: 属性选择器,匹配所有包含attr属性的元素,其中attr属性值字符串中包含->val<-字符串
示例:

复制代码

.
5.看根据匹配的规则来过滤广告

请注意,最重要的一点哦,其实前面你都可以统统忽略,直接来看最后一点,哈哈

直接用谷歌浏览器去应用商店下一个Adblock Plus插件,想要过滤广告的话

然后看右上角进入到选项栏中

就可以看到过滤所用的规则,

0 0