少数派
·
用广告拦截器隐藏干扰元素：常用思路和语法介绍
💡
原文中文，约4900字，阅读约需12分钟。
📝
内容提要
本文介绍了广告拦截器中「修饰规则」的基本原理和常用制作思路，包括使用CSS选择器屏蔽特定页面元素。
🎯
关键要点
- 广告拦截器已成为网络浏览的必需品，单靠安装无法达到理想效果。
- 广告拦截器的规则集由社区维护，质量参差不齐，可能导致性能问题和误伤。
- 屏蔽内容的判断主观性强，有些广告可以接受，支持小规模网站。
- 完全符合个人需求的规则集难以找到，需自行动手制作规则。
- 广告拦截器的规则分为基础规则和修饰规则，本文重点介绍修饰规则。
- 修饰规则使用CSS选择器来指定要屏蔽的页面元素。
- CSS选择器可以通过元素类型、class、id、属性等多种方式选择元素。
- 使用浏览器的开发者工具比广告拦截器的选择工具更有效。
- 按class、id或其他属性值屏蔽元素是编写规则的高效方式。
- 选择器语法可以匹配属性值的片段，避免因随机字符串导致的规则失效。
- 其他有助于识别干扰元素的属性包括data-ad-type、data-ad-zone等。
➡️
