vivo浏览器网页内的悬浮球广告该如何手动屏蔽？

vivo浏览器里那个烦人的悬浮球广告，其实有办法彻底屏蔽掉。下面这三招，随便哪招都能治它：长按一键屏蔽、开发者工具手动隐藏、或是上AdGuard Lite插件永久拦截。

想象一下，你正刷着知乎、逛着淘宝或看小说，右下角突然弹出一个半透明圆形悬浮球，上面写着“APP下载”或“立即领取”——它遮住关键文字、一碰就跳转，还怎么拖都拖不动。这不是网页出bug了，而是网站自己注入的顽固浮动广告。要对付它，得用浏览器原生的元素屏蔽功能，精准下手。

长按一键屏蔽悬浮球广告

这招最快最直接，适合单次访问的网页。规则会自动保存到本地，下次再进同一页面，它自己就生效了。

1、确保页面已完全加载，手指长按悬浮球广告区域约1秒，直到屏幕弹出浮动菜单。

2、菜单中点击【屏蔽该元素】，系统会自动分析其HTML结构并生成CSS选择器规则。

3、在弹出的命名框中输入明确标识，比如“首页右下角下载球”，点击【保存】。

4、下拉刷新页面，确认悬浮球消失且页面布局无错位、无空白缺口。

【注意：若长按没反应，请先去「设置」→「高级设置」开启「开发者选项」】

用开发者工具手动隐藏（更彻底）

如果长按屏蔽没反应，或者悬浮球被藏在复杂的DOM结构里，那就要用这招手动检查元素，强制隐藏，绕开识别限制。

第一步：在目标网页空白处长按约2秒 → 选择「检查元素」。

第二步：点击左上角箭头图标 → 移动手指点中悬浮球，左侧代码面板会高亮对应节点。

第三步：右侧样式栏中找到含 position: fixed 且 bottom: 0; right: 0 的CSS规则 → 将其 display 属性改为 none。

操作起来很简单，改完立刻消失；但刷新页面后恢复原样，只能当临时应急用。

用AdGuard Lite插件永久拦截

如果你经常逛豆瓣、小红书、京东这类网站，强烈推荐装个轻量插件，让悬浮球从加载第一帧就被过滤掉，一劳永逸。

方法一：安装插件

1、打开vivo浏览器 → 点击右上角「︙」→「设置」→「扩展管理」→「添加扩展」。

2、搜索「AdGuard Lite」→ 安装并启用。

方法二：添加精准规则

① 进入AdGuard Lite设置页 → 找到「自定义过滤规则」。

② 输入以下任一规则（覆盖主流写法），每行一条：

##div[id*="float"]
##.floating-ball
##a[href*="app.vivo.com"]
##button:has-text(下载APP)

【规则中##表示隐藏匹配元素，不是#，写错符号会导致整条失效】