Web Interaction Logger - 专业级网页交互记录解决方案

1、前言

在 Web 开发、测试与数据分析场景中，精准捕获用户行为、DOM 变化与网络请求数据是提升效率的关键。Web Interaction Logger 作为一款专业级 Chrome 扩展，专为开发者、测试工程师和研究人员打造，以智能记录、全面监控、安全导出为核心，成为自动化脚本生成、用户行为分析与 Web 应用测试的得力助手。

2、简介

Web Interaction Logger 是一款专为开发者、测试工程师和研究人员设计的高级 Chrome 扩展，核心功能包括智能交互记录（捕获点击 / 输入 / DOM 变化等）、全方位网络监控（完整捕获 HTTP/HTTPS 请求及响应体）、多元化数据导出（JSON/CSV/Markdown）及CSP 智能绕过，数据 100% 本地存储保障隐私，适用于自动化测试、AI 训练、业务分析等场景。

功能特性：

• 智能交互记录
  • 精准捕获点击、输入、表单提交等关键操作；
  • 实时监控 DOM 元素变化和页面结构调整；
  • 自动去重合并，过滤无意义高频事件；
  • 生成稳定的 CSS 选择器，支持动态元素识别。
• 全方位网络监控
  • 完整捕获 HTTP/HTTPS 请求链路信息；
  • 自动解析 JSON、XML 等多种响应格式；
  • 智能提取认证头和关键 API 调用；
  • 支持 AJAX、Fetch、XMLHttpRequest 监控。
• 多元化数据导出
  • 支持 4 种核心格式：JSON（适配自动化脚本 / API）、CSV（便于 Excel 分析）、Markdown（生成可读文档）、自定义筛选；
  • 可按类型、时间、元素灵活筛选导出内容。
• 高级技术特性
  • CSP 智能绕过：一键解决脚本注入限制；
  • 内存智能管理：可配置记录上限（1000/2000/5000/自定义），自动清理；
  • 双模式录制：支持“页面刷新”和“不刷新”两种场景；
  • 实时性能监控：内存占用< 50MB，CPU开销 < 2%，不影响页面体验。

应用场景：

• 自动化测试与开发：为 Selenium、Playwright 提供录制数据；分析后端接口逻辑；生成可重复的回归测试用例；辅助性能调试。
• AI 与机器学习：提供真实用户行为数据集；辅助AI 理解网站结构 / 交互模式；支持用户体验研究和行为预测；提供 NLP 任务的网页文本内容。
• 业务分析与研究：了解用户真实操作习惯；研究竞品网站功能实现；收集目标网站数据结构；验证行业标准合规性。

3、快速上手

1、从 Chrome 应用商店进行安装或从作者获取.crx 文件进行安装，无需额外配置。

2、打开要录制的测试网址，点击插件图标，选择“刷新录制”或“不刷新录制”模式，开始录制。

3、在目标网页进行正常用户操作（如点击、输入）。

4、完成操作后点击“暂停录制”按钮。

5、选择 JSON / CSV / Markdown等格式导出数据，将导出数据用于脚本生成、数据分析或 AI 训练等。

JSON格式：

CSV格式：

Markdown格式：