上网时最让人头疼的，莫过于页面刚打开，一堆广告弹窗就蹦出来，遮住内容不说，还可能点到莫名其妙的链接。尤其是看视频、查资料的时候，一个接一个的弹窗简直影响心情。其实不用装一堆插件，只要设置好过滤规则，就能把这些弹窗直接拦在门外。
什么是过滤规则？
简单说，过滤规则就是告诉浏览器或广告拦截工具：哪些元素不该出现。比如某个弹窗长什么样、叫什么类名、来自哪个域名，你把这些信息写成一条规则，下次它再想冒头，就会被自动隐藏或阻止加载。
常见弹窗类型和对应规则思路
很多弹窗其实有规律可循。比如某些网站底部总有个“点击领取优惠券”的悬浮条，或者文章中间突然冒出的半屏广告。这些通常都是固定位置、固定 class 名的 DOM 元素，直接通过 CSS 选择器干掉就行。
例如，遇到一个 class 为 popup-ad 的弹窗，可以在自定义过滤规则中添加：
example.com##.popup-ad这条规则的意思是：在 example.com 这个网站上，把所有 class 为 popup-ad 的元素屏蔽掉。刷新页面，那个烦人的框就不见了。
进阶：拦截脚本触发的弹窗
有些弹窗是页面加载后由 JavaScript 主动创建的，这时候光靠隐藏元素可能不够。可以尝试拦截相关脚本的执行。比如发现某个弹窗是由 ads.js 文件触发的，可以加一条脚本拦截规则：
||example.com/js/ads.js^这样浏览器就不会下载这个文件，弹窗自然也就出不来。但要注意别误杀正常功能，最好先在控制台里确认一下脚本用途。
实际操作建议
如果你用的是 uBlock Origin 或 AdGuard 这类主流拦截工具，可以直接在“自定义过滤器”里添加规则。打开目标网站，右键点击弹窗区域，选择“检查”，看看它的 HTML 结构和来源 URL，然后组合出合适的规则。
比如看到弹窗外层是 <div id="modal-box">，而网站是 news-site.com，就可以写：
news-site.com##div[id="modal-box"]保存后刷新，试试效果。如果没生效，可能是 iframe 嵌套或者动态加载，需要进一步分析请求来源。
分享实用规则示例
有些人懒得自己写，也可以订阅别人整理好的过滤列表，比如“中国地区广告过滤规则”。但更灵活的方式还是自己补几条针对性规则。像某些小说站的“请关闭浏览器拦截”提示，其实也是页面元素，照样能屏蔽：
novel-site.com##.block-tip写完这条，再也不用每次手动点“我知道了”。
过滤规则不是高深技术，更像是跟网页开发者的“斗智斗勇”。多试几次，你会发现大部分弹窗都经不起几条简单规则的打击。干净清爽的浏览体验，其实离你并不远。