如何在米侠浏览器中通过元素标记功能精准屏蔽网页悬浮广告？

网页悬浮广告——比如右下角突然弹出来的“在线客服”、顶部怎么也关不掉的横幅、或者跟着滚动条跑的推广栏——确实挺烦人的。它们不仅遮挡内容，还经常干扰操作，关键是用常规的广告拦截插件往往无效，因为这类悬浮元素通常不走常规的广告请求路径。

米侠浏览器提供了一个很实用的解决方案：元素标记功能。这个功能可以直接定位到广告的DOM节点，然后精准屏蔽，不依赖全局过滤规则，也不会误伤页面其他功能。下面就把这套操作流程拆解清楚。

先启用开发者选项并调出审查工具

打开米侠浏览器，点击右下角三条横线图标，进入【设置】，向下滚动找到【高级设置】，打开【开发者选项】开关。

系统会提示需要重启，记得完全退出应用后再重新启动。重启后，在任意网页按 Ctrl + Shift + I（Windows/Linux）或 Cmd + Option + I（macOS），看到开发者工具窗口弹出来，就说明准备工作就绪了。

用鼠标悬停快速标记并隐藏单个悬浮模块

按 Ctrl + Shift + C，鼠标会变成带方框的箭头。把它移动到那个烦人的悬浮广告区域（比如右下角不停跳动的“在线客服”按钮）上，单击确认选中。此时右侧“Styles”面板会显示该元素的样式。在空白处双击，输入 display: none !important;，按回车。这个模块会立刻消失，页面其余内容、链接、表单都照常响应。这一步只是覆盖样式，没有删除DOM，刷新页面后广告会恢复，所以适合临时测试。

批量屏蔽符合特征的悬浮类广告

有时候页面上悬浮广告不止一个，比如同时有客服按钮、悬浮推广条、底部弹窗，一个一个手动点太麻烦。这时候可以切换到开发者工具的 Console 面板，根据悬浮广告常见的HTML特征执行批量命令。

举个例子：隐藏所有 class 包含“float”、“fixed”、“sticky”的 div 或 aside 元素，用这条命令：

document.querySelectorAll("div[class*='float'], div[class*='fixed'], aside[class*='sticky']").forEach(el => el.style.display = "none");

如果想更精准一点，隐藏所有 position: fixed 或 position: absolute 且宽高小于 300px 的元素（典型的小悬浮按钮），可以用：

[...document.querySelectorAll("*")].filter(el => getComputedStyle(el).position === "fixed" || getComputedStyle(el).position === "absolute").filter(el => parseInt(getComputedStyle(el).width) < 300 && parseInt(getComputedStyle(el).height) < 300).forEach(el => el.style.display = "none");

按回车执行，符合条件的悬浮模块立刻消失。

将临时屏蔽效果固化为永久规则

对于经常访问的网站，每次都手动隐藏显然不现实。可以把屏蔽效果转为永久规则。在 Elements 面板中右键已选中的悬浮广告节点，选择「Copy」→「Copy selector」，得到类似 #float-ad > div:nth-child(1) button 的精确路径。然后打开米侠浏览器的「设置」→「广告拦截」→「自定义规则」，点击「添加」，输入 ## 加上粘贴的 selector（例如：## #float-ad > div:nth-child(1) button），点击确定。这条规则将在全站生效，下次访问时同类悬浮广告会被自动隐藏。

验证屏蔽是否真正生效

操作完成后，建议关闭当前所有网页标签页，重启米侠浏览器，再打开原网页。滚动页面并观察：悬浮广告是否消失？有没有留下占位空白？如果还有残留，说明 selector 不够精准，需要返回 Elements 面板重新复制更上级容器的选择器，直到完全屏蔽为止。