移動端調試工具 -- 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