移动端调试工具 -- spy-debugger调试

特性

npm包地址： https://www.npmjs.com/package/spy-debugger

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

其实作者已经写得非常的详细了，只要按照作者写的介绍一步一步的走就可以，美中不足的就是无法断点调试

---

• 安装
  前提需要你的电脑装有node环境
  node环境安装：https://blog.csdn.net/yuanwenq1992/article/details/82870413
  window系统下：

• npm install spy-debugger -g

  Max系统下：

   sudo npm install spy-debugger -g

   

• 三分钟上手

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

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

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

  Android设置代理步骤：设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
  iOS设置代理步骤：设置 - 无线局域网 - 选中网络 - HTTP代理手动
  
  第四步：手机安装证书。注：手机必须先设置完代理后再通过(非微信)手机浏览器访问http://s.xxx
  (地址二维码：https://github.com/wuchangming/spy-debugger/blob/HEAD/demo/img/QRCodeForCert.png)
  安装证书（手机首次调试需要安装证书，已安装了证书的手机无需重复安装)。问题：iOS 10.3.1以上版本证书安装问题
  
  第五步：用手机浏览器访问你要调试的页面即可。
  
  有不明白的地方请留言...
  
   

  ---

  移动端调试工具 -- Chrome DevTools
  https://blog.csdn.net/zx48822821/article/details/79070923
  移动端调试工具 -- Weinre
  https://blog.csdn.net/hzaini89/article/details/51745832
  慕课网资源：
  http://blog.sina.com.cn/s/blog_16f8a00b40102xy1s.html