1. 關於spy-debugger
一站式頁面調試、抓包工具。遠程調試任何手機瀏覽器頁面，任何手機移動端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，無需USB連接設備。
spy-debugger詳細介紹：https://www.npmjs.com/package/spy-debugger。
2. 安裝
Windows 下(最好是使用管理員權限安裝，npm安裝包錯的話，使用淘寶鏡像cnpm安裝)
npm install spy-debugger -g
1
3. 快速上手
第一步：手機和PC保持在同一網絡下（比如同時連到一個Wi-Fi下）；
第二步：在命令行輸入spy-debugger，按命令行提示用瀏覽器打開相應地址，一般會自動打開瀏覽器；
第三步：設置手機的HTTP代理，代理IP地址設置為PC的IP地址，端口為spy-debugger的啟動端口(默認端口：9888)；
Android設置代理步驟：設置 - WLAN - 長按選中網絡 - 修改網絡 - 高級 - 代理設置 - 手動；
第四步：手機安裝證書。注：手機必須先設置完代理后，再通過(非微信)手機瀏覽器掃碼訪問安裝證書（手機首次調試需要安裝證書，已安裝了證書的手機無需重復安裝)；
(1) 掃碼安裝證書的網址:https://github.com/wuchangming/spy-debugger/blob/HEAD/demo/img/QRCodeForCert.png；
(2) 如果該鏈接無法正常安裝，可以去 spy-debugger詳細介紹：https://www.npmjs.com/package/spy-debugger里找安裝證書的地址。
(3) 一定是設置完代理后，再去掃碼安裝。我是設置完代理后關掉了無線，使用流量去掃碼安裝，會進入到別的無關頁面，無法進行安裝；
(4) 安裝完之后會有彈窗讓你為該證書命名，隨便寫一個就行，有的手機還會彈出是否信任該證書，要選擇信任，否則不能正常使用。
第五步：用手機瀏覽器訪問你要調試的頁面即可(或者說打開APP里你的H5頁面就可以了)。
4. 界面介紹
頁面調試：根據自身需求使用
請求抓包：根據自身需求使用
5. 繼續探究
自定義選項等更多內容，請訪問spy-debugger詳細介紹：https://www.npmjs.com/package/spy-debugger。
寫在最后：
spy-debugger這個工具上手簡單，目前已經能滿足我頁面調試、抓包一些簡單的操作了。這個工具更高大上的用法，或者說一些別的更好用的調試、抓包工具等后期開發過程中有需要了我再上手吧。
————————————————
版權聲明：本文為CSDN博主「W-三斤」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_37856861/article/details/83384098