电脑学堂
第二套高阶模板 · 更大气的阅读体验

用过滤规则轻松屏蔽网页弹窗

发布时间:2026-01-03 16:51:04 阅读:7 次

上网时最烦什么?突然蹦出来的广告弹窗绝对排得上号。尤其是查资料、看新闻的时候,冷不丁跳出个全屏广告,差点以为电脑中招了。其实不用装一堆插件,掌握几条简单的过滤规则,就能把大部分弹窗按在地上摩擦。

什么是过滤规则

过滤规则本质上是一段“指令”,告诉浏览器或广告拦截工具:哪些内容不该显示。比如你发现某个网站总在右下角弹出“限时优惠”,通过审查元素找到它的类名是 promo-box,就可以写一条规则直接把它藏起来。

常见弹窗的过滤写法

很多弹窗都有明显的 HTML 特征,比如包含 modalpopupads 这类关键词。以下是一些实用的屏蔽示例:

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 结构。重点看 classidstyle 这几个属性。比如看到这段:

<div class="float-ad shadow-lg" style="position:fixed; z-index:9999">立即抢购</div>

那就可以写一条:##.float-ad 或者更狠一点 ##[style*="z-index:9999"],直接针对高优先级定位下手。

配合工具效果更佳

规则写好了,得有地方用。推荐在 uBlock Origin 这类扩展里添加自定义过滤器。进入设置 → 过滤器列表 → 自定义,把规则粘进去,刷新页面立马见效。之前那个总跳优惠券的购物网站,加完规则后终于清净了。

多试几次就会发现,很多网站的弹窗套路都差不多。一旦摸清规律,三两下就能搞定,比反复点“关闭”省心多了。