移動端頁面調試工具

移動端頁面調試工具

一站式遠程頁面調試工具spy-debugger 2.0，已支持HTTPS?

www.cnblogs.com

項目名稱： spy-debugger 項目地址：https://github.com/wuchangming/spy-debugger

關於spy-debugger npm Build Status

1、一站式頁面調試工具，遠程調試任何手機瀏覽器頁面，任何手機移動端webview（如：微信，HybirdApp等）HTTP/HTTPS。 2、spy-debugger內部集成了weinre。 3、支持HTTPS頁面的調試。

安裝

Windows 下

npm install spy-debugger -g

Mac 下

sudo npm install spy-debugger -g

安裝證書

第一步：生成證書

spy-debugger initCA// 證書生成在用戶根目錄的node-mitmproxy文件夾下的// 如： /Users/wuchangming/node-mitmproxy

第二步：安裝證書

把node-mitmproxy文件夾下的 node-mitmproxy.ca.crt 傳到手機上進行安裝，（手機-->設置-->安全-->從存儲盤安裝）。

三分鐘上手

第一步：手機和PC保持在同一網路下（比如同時連到一個Wi-Fi下）

第二步：命令行輸入spy-debugger start，按命令行提示用瀏覽器打開相應地址。

第三步：設置手機的HTTP代理，代理IP地址設置為PC的IP地址，埠為spy-debugger的啟動埠(默認埠：9888)。

第四步：用手機瀏覽器訪問你要調試的頁面即可。

自定義選項

埠

(默認埠：9888)

spy-debugger start -p 8888 是否讓weinre監控iframe載入的頁面

(默認： false)

spy-debugger start -i true 更多

spy-debugger原理是集成了weinre，簡化了weinre需要給每個調試的頁面添加js代碼。spy-debugger原理是攔截所有html頁面請求注入weinre所需要的js代碼。讓頁面調試更加方便。

推薦閱讀：