【源码】基于 Chrome 插件的 HTTP 日志监测系统

项目简介

本项目是基于 Chrome 插件开发的 HTTP 日志监测系统，用于监控特定网页元素的动态变化以及 HTTP 请求日志。借助该插件，用户能便捷地捕获网页元素与请求数据，以便进行后续的数据分析与处理。

项目的主要特性和功能

1. 插件配置：可通过 chromePopupPage 文件夹内的配置页面，灵活设置需监听的页面元素和 HTTP 请求 URL。
2. 本地日志服务：由于 Chrome 沙盒机制限制，插件无法直接获取返回数据。项目利用 localLogs 文件夹，采用 Node.js 本地运行来获取请求数据并开展数据监测服务。
3. 监听功能：能对特定网页元素的动态变化和 HTTP 请求日志进行监听，并将相关信息保存至本地。
4. 数据处理：包含数据处理逻辑，监听到的数据以 CSV 格式存储，用户可将 CSV 文件移至测试目录做进一步处理分析。
5. 结果输出：生成 Excel 格式的结果文件，方便用户查看与分析数据。

安装使用步骤

1. 下载并解压项目源码文件。
2. 打开 Chrome 浏览器扩展程序，添加新扩展，选择源码文件夹中的 manifest.json 文件。
3. 配置插件，设置要监听的页面元素和 HTTP 请求 URL。
4. 监听时确保目标对象 tab 不是最后一个关闭，建议先打开扩展配置程序，最后关闭。
5. 监听到的页面元素溢出、URL 请求日志默认存于 Chrome 浏览器设置的下载文件夹中。
6. 将 input_httpLog.csv 移动到 test 目录下。
7. 使用 postman 登录后获取 http X - HW - ID 和 X - HW - APPKEY 的值，并在运行时修改。
8. 运行 node localLogs/index.js，以 input_httpLog_*.csv 作为项目输入。
9. 运行结果将在 test 文件夹中以 output_httpLogs_*.xlsx 文件输出。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】