可采用五种方法屏蔽网页右下角客服气泡:一、添加CSS选择器规则隐藏;二、用开发者工具定位DOM生成专属规则;三、拦截第三方客服域名请求;四、临时关闭H5广告过滤排除误拦;五、安装认证扩展插件实现DOM级精准隐藏。

如果您在浏览网页时频繁遭遇右下角自动弹出的客服气泡(如“在线客服”“人工服务”“立即咨询”等浮动窗口),这些元素通常由第三方JS脚本动态注入,未被默认广告过滤规则覆盖。以下是针对该类顽固客服气泡的多种手动屏蔽方法:
一、添加CSS选择器规则精准隐藏客服气泡
CSS选择器规则直接作用于页面渲染层,可强制隐藏具有特定HTML结构特征的客服浮层,无需阻断网络请求,生效快且不影响网页其他功能。
1、打开悟空浏览器,点击右下角“菜单”按钮(三条横线图标)。
2、进入“设置”→“隐私与安全”→“广告拦截”。
3、点击“高级设置”→“自定义过滤规则”→“添加规则”。
4、在输入框中粘贴以下任一通用规则(根据实际气泡结构选择):
##div[id*="kefu"]
##.kf-btn, ##.service-btn
##a[href*="kefu"], ##button[aria-label*="客服"]
##div[style*="right:0"][style*="bottom:0"]:not([id="main-content"])
5、点击“保存”,返回原网页刷新,观察右下角气泡是否消失。
二、通过开发者工具定位并生成专属屏蔽规则
当通用CSS规则无效时,需先识别客服气泡的真实DOM结构,再构造针对性规则。此方法适用于class或id命名不规范、样式动态生成的场景。
1、在出现客服气泡的网页上,长按气泡区域约2秒,直至弹出“检查元素”提示(部分机型需开启开发者模式后使用F12模拟)。
2、点击“检查元素”,查看高亮节点的完整HTML标签,记录其class属性值(如class="live-chat-icon")或id属性(如id="custom-service-pop")。
3、返回“设置”→“隐私与安全”→“广告拦截”→“高级设置”→“自定义过滤规则”→“添加规则”。
4、输入格式为:##.live-chat-icon 或 ##custom-service-pop。
5、点击“保存”,刷新页面验证隐藏效果。
三、禁用触发客服脚本的第三方域名请求
多数客服气泡依赖外部CDN加载JS逻辑(如static.kfcdn.com、chat.360buy.com),通过URL请求拦截可彻底阻止其初始化,从源头消除气泡。
1、进入“设置”→“隐私与安全”→“广告拦截”→“高级设置”→“自定义过滤规则”→“添加规则”。
2、输入以下任一常见客服域名规则(每行一条,末尾必须含^符号):
||static.kfcdn.com^
||chat.360buy.com^
||liveserver.baidu.com^
||kf.youzan.com^
3、点击“保存”,重启浏览器后访问原网页,确认气泡不再加载。
四、临时关闭H5广告过滤以排除误拦干扰
部分正规企业官网将客服入口与H5广告过滤引擎的识别特征重合(如使用“pop”“float”等class名),导致正常客服按钮被误屏蔽。此时需临时关闭过滤以验证是否为误判。
1、在目标网页完全加载后,点击地址栏右侧的盾牌图标。
2、在弹出面板中查找“H5广告过滤”状态提示。
3、点击“暂时关闭H5广告过滤”按钮。
4、刷新页面,若客服气泡恢复正常显示,则说明原规则存在误匹配,应返回自定义规则中删除相关条目。
五、使用扩展插件增强DOM级元素控制能力
内置过滤对高度定制化、无规律命名的客服气泡识别率有限,认证扩展插件提供更灵活的元素隐藏界面,支持鼠标悬停实时预览与一键屏蔽。
1、在地址栏输入wukong://extensions,进入官方扩展中心。
2、搜索“Element Hider Lite”或“Popup Blocker Pro”,仅安装标注“已认证”且更新时间为2026年2月后的版本。
3、安装完成后,在目标网页点击地址栏右侧新出现的眼睛图标。
4、将鼠标移至右下角客服气泡,待边框高亮后单击左键,选择“隐藏此元素”。
5、勾选“永久应用至当前域名”,点击确认,该气泡将在后续访问中自动消失。











