Spy-debugger 内部集成了 weinre,通过代理的方式拦截所有 html 自动注入 weinre 所需的 js 代码。简化了 weinre 需要给每个调试的页面添加 js 代码。spy-debugger 原理是拦截所有 html 页面请求注入 weinre 所需要的 js 代码。让页面调试更加方便。

特性:

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

spy-debugger 安装与使用

第一步:全局安装

1
npm install –g spy-debugger

第二步:网络设置

1
手机和 PC 保持在同一网络下(比如同时连到一个 Wi-Fi 下)

第三步:启动

1
spy-debugger

第四步:设置手机的 HTTP 代理

1
2
3
4
5
代理的地址为 PC 的 IP 地址 ,代理的端口为 spy-debugger 的启动端口(默认端口为:9888)。
如果要指定端口: spy-debugger –p 8888

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

第五步:安装证书

1
2
注:手机必须先设置完代理后再通过(非微信)手机浏览器访问http://spydebugger.com/cert安装证书(手机首次调试需要安装证书,已安装了证书的手机无需重复安装)。
凭据用途选(VPN和应用)

第六步:调试页面

1
用手机浏览器访问你要调试的页面即可。