【即是过客】JS Hook Tools - 浏览器调试辅助工具，深入分析网页行为、调试复杂问题、监控拦截JS操作行为

JS Hook Tools - 浏览器调试辅助工具

插件介绍

JS Hook Tools 是一款强大的浏览器调试辅助工具插件，专为前端开发者、安全研究员和测试人员设计。它能够对网页中的关键JavaScript操作进行实时监控和拦截，帮助开发者深入分析网页行为、调试复杂问题以及进行安全审计。

核心功能

1. JSON 操作 Hook

- 监控页面中所有 `JSON.stringify` 和 `JSON.parse` 操作

- 实时捕获序列化和反序列化的数据内容

- 在浏览器控制台显示详细的JSON处理信息

- 支持关键词匹配和调试断点功能

2. WebSocket Hook

- 监控WebSocket连接状态变化

- 捕获所有WebSocket的发送和接收消息

- 实时展示WebSocket通信内容

- 适用于实时通讯应用的开发和调试

3. 请求头 Hook

- 捕获所有网络请求的请求头信息

- 支持XHR和Fetch API请求监控

- 显示请求URL、方法和完整请求头内容

- 帮助分析网络通信细节

4. Cookie Hook

- 实时监控 `document.cookie` 的读写操作

- 捕获Cookie的完整内容和修改情况

- 帮助分析Cookie相关的安全问题

- 支持关键词过滤和断点调试

5. 调试模式

- 当监控到的内容包含设置的关键词时自动触发断点

- 关键词需在高级设置中配置

- 使用前请确保已开启浏览器开发者控制台

- 开启后需刷新页面才能生效

安装方法

开发模式安装

下载地址：JS Hook Tools.zip - 蓝奏云

1. 克隆或下载本仓库到本地并解压

2. 打开Chrome浏览器，访问 `chrome://extensions/`

3. 开启右上角的「开发者模式」

4. 点击「加载已解压的扩展程序」，选择解压目录

5. 插件安装完成后，将在浏览器工具栏显示图标

使用指南

基本使用

1. 点击浏览器工具栏中的插件图标打开控制面板

2. 在控制面板中开启所需的Hook功能

3. 点击「应用设置」按钮保存配置

4. 刷新当前页面使设置生效

5. 打开浏览器开发者控制台（按F12）查看监控输出

高级设置

1. 在插件控制面板中点击「高级设置」按钮

2. 在关键词设置区域添加需要监控的关键词

3. 每个关键词占一行，支持多个关键词配置

4. 开启「调试模式」，当监控内容包含关键词时将自动触发断点

5. 点击「保存设置」按钮保存配置

功能详解

JSON 操作 Hook

该功能监控页面中所有JSON序列化和反序列化操作。当页面调用`JSON.stringify()`将JavaScript对象转换为JSON字符串，或调用`JSON.parse()`将JSON字符串解析为JavaScript对象时，插件会捕获这些操作并在控制台输出详细信息，包括操作类型、数据内容等。

WebSocket Hook

该功能监控页面中WebSocket的使用情况。当页面创建WebSocket连接、发送消息或接收消息时，插件会捕获这些事件并在控制台输出相关信息，帮助开发者分析实时通信过程中的数据交换。

请求头 Hook

该功能监控页面中所有网络请求的请求头信息。当页面通过XHR或Fetch API发送网络请求时，插件会捕获请求的URL、方法、请求头等信息并在控制台输出，便于分析网络通信细节。

Cookie Hook

该功能监控页面中对`document.cookie`的读写操作。当页面读取或修改Cookie时，插件会捕获这些操作并在控制台输出相关信息，包括操作类型、Cookie名称、Cookie值等，帮助开发者分析Cookie的使用情况。

调试模式

调试模式与关键词设置配合使用。当开启调试模式后，插件会检查监控到的所有内容是否包含在高级设置中配置的关键词。如果包含匹配的关键词，插件会自动触发JavaScript断点，使浏览器暂停执行，便于开发者进行调试分析。

注意事项

1. **控制台开启**：使用调试模式前，请确保已开启浏览器开发者控制台（按F12）

2. **页面刷新**：修改设置后，需要刷新当前页面使设置生效

3. **关键词配置**：调试模式需要在高级设置中配置关键词才能生效

4. **性能影响**：同时开启多个Hook功能可能会对页面性能产生一定影响，建议仅开启需要的功能

5. **隐私保护**：插件仅在本地工作，不会上传或分享任何用户数据

更新日志

v1.0.0

- 初始版本发布

- 实现JSON、WebSocket、请求头、Cookie的Hook功能

- 添加关键词过滤和调试模式

- 提供简洁的用户界面和设置选项

常见问题

Q: 为什么设置后没有效果？

A: 设置修改后需要刷新页面才能生效，请确保已刷新当前页面。

Q: 调试模式不触发断点怎么办？

A: 请检查是否已开启开发者控制台，并确认关键词设置正确。

Q: 插件会影响浏览器性能吗？

A: 某些 Hook 功能可能会对页面性能产生一定影响，建议仅开启需要的功能。

Q: 插件会收集我的数据吗？

A: 不会，插件仅在本地工作，不会上传或分享任何用户数据。

JS Hook Tools. 仅用于开发和调试目的，开发者不对用户使用途径和行为目的负责，使用后造成的结果均由使用者自行承担