悟空浏览器关闭右下角客服气泡有四种方法:一、添加通用CSS规则隐藏;二、用开发者工具定位DOM生成专属规则;三、拦截第三方客服域名请求;四、临时关闭H5广告过滤排除误拦。

您在浏览电商、教育或金融类网站时,右下角频繁弹出“在线客服”“人工服务”“立即咨询”等悬浮气泡,这些元素由第三方脚本动态注入,常规广告过滤无法覆盖,需进入元素级精准屏蔽流程。
用通用CSS规则一键隐藏常见客服气泡
多数客服气泡使用标准化命名,如 class="kf-btn"、id="live-chat" 或 href 中含 "kefu" 字样,直接套用预设规则可快速生效。
1、点击悟空浏览器右下角菜单按钮(三条横线图标)→ 进入“设置” → “隐私与安全” → “广告拦截”。
2、点击“高级设置” → “自定义过滤规则” → “添加规则”。
3、在输入框中粘贴以下任意一条通用规则(每条单独一行,勿合并):
##div[id*="kefu"]
##.kf-btn, ##.service-btn
##a[href*="kefu"], ##button[aria-label*="客服"]
##div[style*="right:0"][style*="bottom:0"]:not([id="main-content"])
4、点击“保存”,返回原网页刷新即可消失。这一步操作起来很简单,直接粘贴后点保存就行。
用开发者工具定位并生成专属屏蔽规则
当通用规则无效时,说明该客服气泡使用了非标 class 或动态 ID,必须先抓取真实 DOM 结构再定制规则。
第一步:在出现客服气泡的网页上,长按气泡区域约2秒,直到弹出“检查元素”提示(若未出现,请先在手机系统设置中开启“USB调试”并启用浏览器开发者模式)。
第二步:点击“检查元素”,观察高亮节点的完整 HTML 标签,重点记录其 class 属性值(如 class="chat-trigger-2026")或 id 属性(如 id="custom-support-pop")——【务必复制完整且带英文引号的内容,例如 class="chat-trigger-2026" 中的 chat-trigger-2026 就是关键】。
第三步:返回“设置” → “隐私与安全” → “广告拦截” → “高级设置” → “自定义过滤规则” → “添加规则”。
第四步:输入格式为:##.chat-trigger-2026 或 ##custom-support-pop(注意前面两个符号和点/井号的对应关系)。
第五步:点击“保存”,刷新页面验证。若仍可见,说明气泡是 iframe 嵌入或 JS 动态重绘,需切换至下一种方法。
拦截客服脚本依赖的第三方域名请求
很多客服气泡本身不写死在网页源码里,而是通过外部 CDN 加载 JS 初始化,只要阻断这个请求,气泡根本不会出现。
1、进入“设置” → “隐私与安全” → “广告拦截” → “高级设置” → “自定义过滤规则” → “添加规则”。
2、输入以下任一常见客服域名规则(每行一条,末尾必须加 ^ 符号):
||static.kfcdn.com^
||chat.360buy.com^
||livechat.qiyukf.com^
||cservice.jd.com^
3、点击“保存”,返回网页刷新。此方法对京东、淘宝联盟站、知乎知识付费页等高频客服场景效果稳定。
临时关闭H5广告过滤以排除误拦
极少数正规客服按钮(如银行官网“智能助手”)会被 H5 广告过滤误判为广告并隐藏,此时需临时关闭该功能验证是否为误拦。
1、点击菜单 → “设置” → “浏览设置” → “安全浏览器”。
2、将“H5广告过滤”开关暂时关闭。
3、刷新网页,若客服按钮恢复显示,则证明此前是误拦;此时应停用 H5 过滤,改用前三种 CSS 或域名规则单独屏蔽干扰项,避免影响核心功能。



















