上网时最烦什么?突然蹦出来的广告弹窗绝对排得上号。尤其是查资料、看新闻的时候,冷不丁跳出个全屏广告,差点以为电脑中招了。其实不用装一堆插件,掌握几条简单的过滤规则,就能把大部分弹窗按在地上摩擦。
什么是过滤规则
过滤规则本质上是一段“指令”,告诉浏览器或广告拦截工具:哪些内容不该显示。比如你发现某个网站总在右下角弹出“限时优惠”,通过审查元素找到它的类名是 promo-box,就可以写一条规则直接把它藏起来。
常见弹窗的过滤写法
很多弹窗都有明显的 HTML 特征,比如包含 modal、popup、ads 这类关键词。以下是一些实用的屏蔽示例:
example.com##.ad-popup
example.com##[class*="modal"]
example.com##div[id^="float"]
example.com###notification-banner
上面这几条规则分别表示:
- 在 example.com 页面隐藏 class 包含 ad-popup 的元素
- 隐藏所有 class 名里带 modal 的标签
- 隐藏 id 以 float 开头的 div
- 直接干掉 id 为 notification-banner 的元素
自己动手找弹窗特征
打开浏览器按 F12,点“元素选择”图标,然后鼠标移到弹窗上,立刻就能看到对应的 HTML 结构。重点看 class、id、style 这几个属性。比如看到这段:
<div class="float-ad shadow-lg" style="position:fixed; z-index:9999">立即抢购</div>
那就可以写一条:##.float-ad 或者更狠一点 ##[style*="z-index:9999"],直接针对高优先级定位下手。
配合工具效果更佳
规则写好了,得有地方用。推荐在 uBlock Origin 这类扩展里添加自定义过滤器。进入设置 → 过滤器列表 → 自定义,把规则粘进去,刷新页面立马见效。之前那个总跳优惠券的购物网站,加完规则后终于清净了。
多试几次就会发现,很多网站的弹窗套路都差不多。一旦摸清规律,三两下就能搞定,比反复点“关闭”省心多了。