利用spy-debugger進行移動端真機調試

日常咱們在進行移動端開發的時候都是用PC端的手機模擬器進行調試。可是，PC端調試和最終在移動端呈現的效果仍然存在差距，那麼這時咱們就可使用spy-debugger來進行真機調試。

• 在電腦上打開git bash，全局安裝spy-debugger

npm install –g spy-debugger

• 在電腦的git bash裏執行spy-debugger initCA 生成證書。證書會生成在用戶根目錄的node-mitmproxy文件夾下，如： /Users/onthine/node-mitmproxy
• 把node-mitmproxy文件夾下的 node-mitmproxy.ca.crt 傳到手機上進行安裝
• 在電腦的git bash裏執行spy-debugger start，會彈出以下頁面

• 手機和PC保持在同一網絡下（好比同時連到一個Wi-Fi下）
• 設置手機的HTTP代理，代理IP地址設置爲PC的IP地址，端口爲spy-debugger的啓動端口(默認端口：9888)。
• 用手機瀏覽器訪問你要調試的頁面便可。

參考文章

• 移動端真機調試方法介紹
• 移動端頁面調試工具