关于spy-debugger

特性

1、页面调试＋抓包
2、操作简单
3、支持HTTPS。
4、spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。
5、自动忽略原生App发起的https请求，只拦截webview发起的https请求。对使用了SSL pinning技术的原生App不造成任何影响。
6、可以配合其它代理工具一起使用(默认使用AnyProxy) (设置外部代理)

Demo（一般用手机调试测试环境可以用这个调试UI,抓包等）

调试界面

抓包界面

安装

Windows 下

npm install spy-debugger -g

Mac 下

sudo npm install spy-debugger -g

三分钟上手

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

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

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

第四步：安装证书。注：手机必须先设置完代理后再通过(非微信)手机浏览器访问http://spydebugger.com/cert安装证书（手机首次调试需要安装证书，已安装了证书的手机无需重复安装)。

第五步：用手机浏览器访问你要调试的页面即可。

本地调试UI,不能查看代码抓包等

命令行启动命令

spy-debugger

第一步：

通过访问黑窗口上的ip + 本地项目端口就可以。

当前网络端口是：192.0.1.123 项目端口是： 127.0.0.1:3000

手机自带浏览器输入： 192.0.1.123:3000

其他方式：

ADB 安装
- 官网下载 android-sdk ，执行 tools 文件夹下面的 android，然后选择 android sdk platform tools 安装（示意图）
- *nix 平台 ADB 配置
  - 配置 Android 环境变量 vim ~/.bash_profile
```
export ANDROID_TOOLS=/Users/<yourname>/<yourpath>/android-sdk-macosx/platform-tools export PATH=$PATH:$ANDROID_TOOLS```
```
  - 输入 source .bash_profile，执行下环境变量；接着在终端输入 adb，看是否已经配置 OK
- Window 平台 ADB 配置
  - 系统环境变量里加入 adb.exe 的文件地址，或者直接将文件复制到 system32 下即可
- USB 连接手机，启动调试模式。终端输入 adb devices，就能看到已经连接的设备。
  有时 adb devices 不能显示连接设备，需要拔掉数据线，多插几次，并且退出终端，然后重新打开，重启adb。
python启动调试服务
- 下载调试包，解压，找到其中的 inspector_client20150401 解压，然后进入
- 执行以下 python 命令，
```
python ./inspector.py —abd 你自己的adb路径 python ./inspector.py --adb /Users/<yourName>/<yourpath>/android-sdk-macosx/platform-tools/adb
```
- 启动成功，PC 打开 Chrome 浏览器，访问 http://localhost:9222/; 手机打开微信任意 Webview，就能在 Chrome 看到这个页面的选项卡，点进去就是熟悉的调试界面～

有图有真相：

ios, android 自带，chrome浏览器调试