在米侠浏览器中如何拦截网页右下角弹出的悬浮广告?

落雪大大_6598

落雪大大_6598

2026-10-15

219人浏览

原创

用米侠浏览器彻底屏蔽右下角悬浮广告需三步:1. 实时隐藏——审查元素后加display:none!important;2. 永久屏蔽——在广告拦截自定义规则中添加##选择器;3. 根治拦截——添加||域名^或js路径规则并重启浏览器。

在米侠浏览器中如何拦截网页右下角弹出的悬浮广告?

你想在米侠浏览器中彻底挡住网页右下角自动浮起的“在线客服”“微信扫码”“VIP咨询”类悬浮广告,不让它遮挡正文、不触发点击事件、也不影响页面其他功能——这类广告通常固定定位(position: fixed)、z-index极高,且加载后自动显示,必须用组合策略精准压制。

实时隐藏当前页面的悬浮广告

这一步操作起来很简单,直接在目标网页上完成,无需提前准备文件或开关设置。

按 Ctrl + Shift + C → 鼠标变成带方框的箭头 → 移动到右下角悬浮广告上(注意避开关闭按钮,选中整个浮动容器)→ 单击确认选中。

在右侧“Styles”面板空白处双击 → 输入 display: none !important; → 按回车。

该悬浮模块立刻消失,但页面其余内容、链接、表单照常响应。注意:此操作仅对当前网页本次会话有效,刷新后需重做。

永久屏蔽同一网站的右下角悬浮广告

如果你常访问该网站,且其悬浮广告结构稳定(比如固定类名 .kf-float、#customer-service 或 data-role="chat-widget"),可用自定义规则一劳永逸地隐藏它。

打开米侠浏览器 → 点击右上角「三个点」→ 「设置」→ 向下滚动并点击「广告拦截」。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

点击「自定义规则」→ 点击右上角「+」号 → 在输入框中粘贴如下格式的CSS选择器规则(请将 selector 替换为实际选中的选择器):
##selector

例如:##.kf-float 或 ##div[data-role="chat-widget"]。粘贴后点击「确定」,状态变为“已启用”即生效。

刷新网页,悬浮广告不再出现。若未生效,说明选择器不准确——可返回上一步用元素审查重新精确定位最外层容器节点。

阻断悬浮广告的资源加载(根治方案)

有些悬浮广告由独立域名JS动态注入(如 ||kf.53kefu.com^、||livechat.example.com^),光隐藏DOM只是治标。必须从网络请求层直接拦截其脚本或样式资源。

方法一:屏蔽域名
在「广告拦截」→「自定义规则」中点击「+」→ 粘贴完整域名拦截规则,格式为:
||kf.53kefu.com^
||livechat.example.com^

方法二:屏蔽JS资源路径
若审查发现悬浮广告由类似 /js/chat-loader.min.js 加载,可添加:
||example.com/js/chat-loader.min.js

【添加后必须点击页面底部“刷新规则列表”,再彻底重启浏览器,否则新规则不会注入网络请求栈】。

相关专题

更多
Linux 新手先学哪些命令
Linux 新手先学哪些命令

Linux新手命令专题汇集终端基础、文件目录操作、文本查看、软件安装和权限管理等入门文章,帮助按实际任务练习常用命令并建立命令行操作习惯。

2026.10.15

0

20

MySQL 忘记密码怎么办
MySQL 忘记密码怎么办

MySQL忘记密码专题汇集不同版本与系统下的root密码重置方法,覆盖MySQL 5.7、8.0、Mac、Linux及本地集成环境,并提示恢复权限与重新登录的检查步骤。

2026.10.15

0

18

Vue.js 中 ref 和 reactive 的区别
Vue.js 中 ref 和 reactive 的区别

Vue.js中ref和reactive的区别专题汇集两种响应式API的定义、访问方式、对象解构、侦听与性能取舍等文章,帮助结合实际状态类型选择合适写法。

2026.10.15

0

20

VS Code 怎么配置开发环境
VS Code 怎么配置开发环境

VS Code开发环境专题汇集编辑器安装、语言扩展、编译器、解释器、终端和调试配置文章,覆盖Java、Python、C++和PHP等常见语言的入门设置。

2026.10.15

0

18

C++ 开发环境怎么搭建
C++ 开发环境怎么搭建

C++开发环境专题汇集Windows、Linux下的编译器与IDE安装配置教程,涵盖GCC、Clang、Visual Studio、CLion和VS Code,以及编译运行首个程序的步骤。

2026.10.15

0

19

Python 虚拟环境是什么
Python 虚拟环境是什么

Python虚拟环境专题介绍项目依赖隔离的作用,汇集venv与uv创建、激活、退出及解释器切换的相关文章,并覆盖Windows、Linux和VS Code中的常见配置问题。

2026.10.15

0

15

Python 怎么安装并配置环境变量
Python 怎么安装并配置环境变量

Python安装与环境变量配置专题汇集Windows、macOS和Linux的安装步骤、PATH设置、pip配置及常见报错排查文章,帮助完成解释器安装并验证命令行可以正常运行。

2026.10.15

0

15

PHP 连接 MySQL 失败怎么办
PHP 连接 MySQL 失败怎么办

PHP连接MySQL失败专题汇集PDO与MySQLi扩展配置、账号权限、主机端口、套接字和认证方式等排查文章,覆盖连接报错、密码变更与容器环境配置,帮助按错误提示定位原因并修复。

2026.10.15

0

18

PHP 表单提交后如何获取数据
PHP 表单提交后如何获取数据

PHP表单提交后如何获取数据专题汇集HTML表单提交、GET与POST接收、$_POST和$_GET读取、跨文件传值、单选与下拉字段获取,以及空值和接收失败排查等文章,帮助新手完成从提交到处理的完整流程。

2026.10.15

0

20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpMyAdmin 常见问题
phpMyAdmin 常见问题

共0课时 | 0人学习

uni-app快速上手
uni-app快速上手

共0课时 | 0人学习