抓包工具如何修改服务器返回值？一站式页面调试抓包工具Spy-debugger介绍

Spy-debugger是一个可以用于调试移动端的调试工具，使用它可以查看移动端的渲染效果、调试JavaScript代码等操作。

远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备。

1.首先安装spy-debugger模块。

npm install spy-debugger -g

2.使用命令行启动spy-debugger。在命令行中输入：

spy-debugger

3.连接设备。

第一步：手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）

第二步：命令行输入spy-debugger，按命令行提示用浏览器打开相应地址。

第三步：设置手机的HTTP代理，代理IP地址设置为PC的IP地址，端口为spy-debugger的启动端口(默认端口：9888)。

• Android设置代理步骤：设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
• iOS设置代理步骤：设置 - 无线局域网 - 选中网络 - HTTP代理手动

第四步：手机安装证书。注：手机必须先设置完代理后再通过(非微信)手机浏览器访问http://s.xxx(地址二维码)安装证书（手机首次调试需要安装证书，已安装了证书的手机无需重复安装)。iOS新安装的证书需要手动打开证书并点击信任。

第五步：

• Android设备： 打开USB调试模式，使用usb连接电脑，输入adb devices来查看设备是否连接成功。
• iOS设备： 打开Web Inspector功能，将设备和电脑连接同一WiFi，输入ip地址和端口号（如192.168.1.2:9000）在safari地址栏中可进入“开发”选项进行调试。

4.打开浏览器输入http://127.0.0.1:port(端口号)即可。

5.在调试页面中可以使用spy-debugger提供的一些功能。例如：

• 查看控制台中的信息：可以查看设备中输出的日志、调试JavaScript代码等信息。
• 查看网络请求：可以查看设备发送的所有请求和响应的信息。
• 查看设备信息：可以查看设备的内存占用情况、CPU使用率、应用的启动时间等信息。
• 查看设备屏幕：可以在调试页面上查看设备屏幕的实时效果。
• 其他功能：spy-debugger还提供了其他一些功能，例如快速切换代理、模拟网络环境等。

https://github.com/wuchangming/spy-debugger