spy-debugger安裝、調試步驟

spy-debugger安裝、調試步驟

1. 安裝命令（先通過nrm切源，切到cnpm）：

 

注：如果安裝過程中出現如下錯誤，問題出在安裝到一半的node_modules文件夾下，將該spy-debugger目錄下該文件夾刪除后，再執行上圖安裝命令即可成功

1. 手機和PC保持在同一網絡下（比如同時連到一個Wi-Fi下）
2. 命令行輸入spy-debugger，此時瀏覽器默認打開相應地址（如果沒有自動打開則手動打開瀏覽器輸入）

附：

spy-debugger常用命令如下：

1. 設置外部代理（默認使用AnyProxy，spy-debugger內置AnyProxy提供抓包功能，但是也可通過設置外部代理和其它抓包代理工具一起使用，如：Charles、Fiddler）

spy-debugger -e http://127.0.0.1:8888

1. 設置頁面內容為可編輯模式(默認： false)

spy-debugger -w true

注：內部實現原理：在需要調試的頁面內注入代碼：document.body.contentEditable=true。暫不支持使用了iscroll框架的頁面。

1. 是否允許weinre監控iframe加載的頁面(默認： false)

spy-debugger -i true

1. 是否只攔截瀏覽器發起的https請求(默認： true)

spy-debugger -b false

注：有些瀏覽器發出的connect請求沒有正確的攜帶userAgent，這個判斷有時候會出錯，如UC瀏覽器。這個時候需要設置為false。大多數情況建議啟用默認配置：true，由於目前大量App應用自身（非WebView）發出的請求會使用到SSL pinning技術，自定義的證書將不能通過app的證書校驗。

1. 是否允許HTTP緩存(默認： false)

spy-debugger -c true

1. 設置手機的HTTP代理，代理IP地址設置為PC的IP地址，端口為spy-debugger的啟動端口(默認端口：9888)

輸入服務器主機名和端口（主機名為當前調試PC的IP，端口為node-mitmproxy啟動的端口）

1. 手機安裝證書（node-mitmproxy CA根證書）——暫不強制安裝

注：手機必須先設置完代理后再通過(非微信)手機瀏覽器訪問http://s.xxx(地址二維碼)安裝證書。（手機首次調試需要安裝證書，已安裝了證書的手機無需重復安裝)

1. 打開手機至需要調試的頁面

如下圖targets中出現內容則說明可以調試

最后，點擊Elements進行調試