AdGuard过滤规则项目：解决GeekBuying网站弹窗问题的技术方案

问题背景

在AdGuard过滤规则项目的日常维护中，团队成员发现知名电子产品购物网站GeekBuying存在用户界面干扰问题。具体表现为网站加载时会同时显示Cookie同意弹窗和应用推广横幅，这种设计会对用户体验造成干扰，特别是在移动设备上浏览时更为明显。

技术分析

GeekBuying网站采用了典型的双重弹窗策略：

1. Cookie同意弹窗：符合GDPR等隐私法规要求，但实现方式较为侵入式
2. 应用推广横幅：旨在引导用户下载移动应用，通常占据屏幕显著位置

这两种元素都使用了JavaScript动态加载和DOM操作技术，通过CSS定位固定在视窗的特定位置（底部或顶部）。在AdGuard for Android v4.10.42环境下测试时，这些元素未能被现有过滤规则有效拦截。

解决方案

项目团队通过分析网站HTML结构和CSS选择器，确定了以下过滤策略：

1. Cookie弹窗拦截：

   • 针对包含特定类名和ID的DIV元素
   • 拦截相关的背景遮罩层
   • 阻止触发弹窗的JavaScript脚本执行

2. 应用横幅拦截：

   • 识别包含"app"、"download"等关键词的DOM元素
   • 移除固定在视窗底部的推广栏
   • 禁用相关的点击事件监听器

实现细节

过滤规则采用了多种技术手段的组合：

• CSS选择器匹配：精确识别目标元素的类、ID和属性
• 元素隐藏规则：使用display:none或visibility:hidden样式
• 脚本拦截：阻止特定JS文件的加载和执行
• 事件处理：禁用可能重新触发弹窗的定时器和事件监听

兼容性考虑

解决方案充分考虑了不同环境和设备的兼容性：

• 适配Android 15系统
• 优化在Samsung Browser中的表现
• 确保不影响网站核心功能的使用
• 保持与AdGuard网络代理模式的兼容性

效果验证

经过实际测试，新规则能够：

• 完全消除Cookie同意弹窗
• 彻底移除应用推广横幅
• 不破坏网站布局和功能
• 在各种网络条件下稳定工作

这一改进已合并到AdGuard的主过滤规则集中，用户只需更新过滤列表即可自动获得优化效果，无需额外配置。这体现了AdGuard项目持续优化用户体验的承诺和技术实力。