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

最新下载

热门教程

如何在米侠浏览器中通过“元素审查”功能隐藏网页特定模块?

时间:2026-06-28 14:00:46 编辑:袖梨 来源:一聚教程网

在米侠浏览器中可通过开发者工具快速隐藏网页广告:先开启开发者选项并重启,再用Ctrl+Shift+I调出工具,通过Styles面板设置display:none或Console执行querySelectorAll命令批量隐藏,效果仅限当前标签页。

你想在米侠浏览器里快速抹掉新闻页的推荐栏、电商页的促销弹窗或论坛页的置顶广告,又不想装扩展、改设置、重启浏览器——直接用“元素审查”功能点几下就能让它们从页面上消失,且不阻断其他资源加载。

先确保能调出审查元素

打开米侠浏览器 → 点击右下角三条横线图标 → 进入【设置】→ 向下滚动找到【高级设置】→ 打开【开发者选项】开关。【若未开启此开关,按F12、右键“检查元素”等入口全部不可见】

系统提示需重启浏览器,请完全退出应用后重新启动。

重启后,在任意网页按 Ctrl + Shift + I(Windows/Linux)或 Cmd + Option + I(macOS),开发者工具弹出即表示已就绪。

用鼠标精准定位并隐藏单个模块

方法一:实时悬停选中 → 隐藏

按 Ctrl + Shift + C → 鼠标变成带方框的箭头 → 移动到你想隐藏的模块(比如右下角浮动客服按钮)上 → 单击确认选中 → 在右侧“Styles”面板空白处双击 → 输入 display: none !important; → 按回车。

该模块立刻消失,但页面其余内容、链接、表单照常响应。这一步不修改HTML结构,仅覆盖样式,操作可逆。

批量隐藏符合特征的多个模块

第一步:切换到 Console 面板

第二步:执行以下任一命令(根据目标模块的HTML特征选择):

隐藏所有 class 名含 “ad-” 或 “banner” 的 div:
document.querySelectorAll("div[class*='ad-'], div[class*='banner']").forEach(el => el.style.display = "none");

隐藏 ID 以 “sidebar” 开头的所有元素:
document.querySelectorAll("[id^='sidebar']").forEach(el => el.remove());

【注意:用 .remove() 会彻底删除DOM节点,刷新页面后恢复;用 .style.display = "none" 仅隐藏,刷新后仍存在】

第三步:按回车执行,符合条件的模块立即消失。

保存临时隐藏效果(仅限当前标签页)

在 Console 中执行完隐藏命令后,关闭开发者工具窗口即可。隐藏效果持续到你关闭该标签页为止。

如需撤销,刷新页面即可还原;如需保留,可将命令复制保存为文本,下次打开同网站时粘贴执行。

热门栏目