悟空浏览器屏蔽网页顶部下载横幅的方法

很多人在使用悟空浏览器浏览网页时，都会遇到一个让人头疼的麻烦：页面顶部突然冒出半透明遮罩，写着“立即下载APP”或“点击安装客户端”，怎么点都关不掉。这类烦人的广告利用 position: fixed; top: 0 的定位方式，牢牢固定在屏幕最上方，把正文内容挡得严严实实。有什么彻底解决的办法？悟空浏览器其实提供了三重防护机制：H5广告过滤、自定义CSS精准隐藏以及请求层拦截，三者搭配使用基本能实现全面清理。

启用H5广告过滤功能

这一步专门对付顶部横幅、右下角弹窗、视频前贴片等基于HTML5动态注入的干扰元素。它不依赖网络层面的拦截，而是在页面渲染前直接识别并隐藏对应的DOM节点，对于资讯站、小说站、短视频页效果立竿见影。

操作很简单：点击悟空浏览器首页底部的三条横线菜单图标 → 选择“设置” → 进入“浏览设置” → 点击“安全浏览器” → 将“H5广告过滤”开关设为开启状态。

完成后返回任意含有顶部横幅的网页（比如今日头条、知乎首页）并刷新，观察横幅是否消失。如果仍有残留，说明默认的H5规则没有覆盖到，需要进入下一步操作。

添加自定义CSS规则屏蔽顶部广告容器

大多数顶部横幅都使用固定的类名或内联样式来标识，例如 class="top-download-bar"、id="app-banner" 或 style="top:0;position:fixed"。手动添加CSS选择器可以强制隐藏它们的渲染效果，而且无需等待资源加载完成，几乎是即时生效。

方法一：通用定位屏蔽

进入“设置”→“隐私与安全”→“广告拦截”→“高级设置”→“自定义过滤规则”→点击“添加规则”，输入以下内容：

##body > div[style*="top:0"][style*="fixed"]:not([id="header"]):not([class*="na v"])

这条规则会匹配所有带有 top:0 和 fixed 样式的 div 元素，同时排除正常的导航栏（包含 header 或 na v 关键词），以免误伤页面布局。

方法二：常见类名屏蔽

如果你已经知道某个站点顶部横幅的类名是 ad-topbar 或 download-header，可以直接添加更精准的规则：

##.ad-topbar, ##.download-header, ##.top-banner-ad

输入后点击“保存”，立即刷新当前网页即可验证效果。

确保全局广告拦截已开启

这是所有过滤行为生效的前提条件。如果这个总开关关闭了，H5过滤和自定义CSS规则都无法触发拦截逻辑，顶部横幅依然会照常显示。

打开悟空浏览器 → 点击右下角三条横线菜单图标 → 进入“设置” → 点击“隐私与安全” → 找到“广告拦截”开关 → 确认其处于开启状态。

【注意：若此处开关为关闭状态，后续所有操作均无效】

开启后返回网页刷新，此时H5过滤与自定义CSS规则同步生效，顶部横幅应该完全消失。如果还有漏网之鱼，可以检查下是否有其他特殊类名，再补充进自定义规则即可。