可手动屏蔽网页右下角客服气泡:一、添加通用css规则隐藏;二、用开发者工具定位dom生成专属规则;三、拦截客服js域名请求;四、启用h5广告过滤并导入中文规则集;五、安装认证扩展插件实时移除节点。

如果您在浏览网页时频繁遭遇右下角自动弹出的客服气泡(如“在线客服”“人工服务”“立即咨询”等浮动窗口),这些元素通常由第三方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^、||kf.1688.com^、||livechat.example.net^。
3、点击“保存”,刷新页面确认气泡不再加载。
四、启用H5广告过滤并导入增强规则集
H5广告过滤模块可识别并拦截基于HTML5实现的浮动层与悬浮窗,配合国内优化规则集能提升对客服气泡的覆盖率。
1、进入“设置”→“浏览设置”→“安全浏览器”,开启“H5广告过滤”开关。
2、返回“设置”→“隐私与安全”→“广告拦截”,确保主开关已开启。
3、点击“高级设置”→“自定义过滤规则”→“导入规则”。
4、粘贴国内权威规则地址:https://easylist.to/easylistchina/easylistchina.txt。
5、等待规则导入完成,刷新当前网页验证效果。
五、安装认证扩展插件实现DOM级精准隐藏
认证扩展插件具备运行时DOM操作能力,可在页面加载后即时查找并移除客服气泡节点,支持条件判断与多层嵌套结构处理,适合应对高度混淆或加密的客服脚本。
1、访问悟空浏览器官方扩展中心,搜索并安装已签名的“Element Hider Pro”或“Kefu Blocker”插件。
2、安装完成后,点击地址栏右侧扩展图标,选择“配置规则”。
3、在规则编辑界面,添加新条目,填写目标网站域名(如example.com)及匹配选择器:div#kf-float, .customer-support-trigger。
4、勾选“启用实时DOM移除”与“跳过iframe内嵌客服”选项。
5、点击“应用”,刷新网页,插件将自动执行节点清理。











