一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2026-07-19 11:21:49 编辑:袖梨 来源:一聚教程网

米侠浏览器可通过元素标记功能精准屏蔽网页悬浮广告。先开启开发者选项并重启,再用Ctrl+Shift+I调出审查工具,通过Ctrl+Shift+C选中广告元素并设置display:none;或在Console执行JS批量隐藏;最后复制选择器添加至广告拦截自定义规则实现永久屏蔽。

网页悬浮广告(如右下角客服按钮、顶部横幅、跟随滚动的推广栏)会遮挡内容、干扰操作,需用米侠浏览器的元素标记功能直接定位并屏蔽,不依赖全局过滤规则,也不影响页面其他功能。

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

打开米侠浏览器 → 点击右下角三条横线图标 → 进入【设置】→ 向下滚动找到【高级设置】→ 打开【开发者选项】开关。【若未开启此开关,Ctrl+Shift+I、右键检查等入口全部失效】 系统提示需重启,必须完全退出应用后再重新启动。重启后,在任意网页按 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) el.style.display = "none");
第三步:按回车执行,符合条件的悬浮模块立即消失。【用 .style.display = "none" 仅隐藏,刷新后恢复;用 .remove() 会彻底删节点,慎用】

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

在Elements面板中右键已选中的悬浮广告节点 → 选择「Copy」→「Copy selector」→ 得到类似 #float-ad > div:nth-child(1) button 的精确路径 → 打开「设置」→「广告拦截」→「自定义规则」→ 点击「添加」→ 输入 ## + 粘贴的selector(例如:## #float-ad > div:nth-child(1) button)→ 点击确定。此规则将在全站生效,下次访问自动隐藏同类悬浮广告。

验证屏蔽是否真正生效

关闭当前所有网页标签页 → 重启米侠浏览器 → 打开原网页 → 滚动页面并观察悬浮广告是否消失且无占位空白。若仍有残留,说明 selector 不够精准,返回 Elements 面板重新 Copy 更上级容器的选择器。

热门栏目