項目名稱: 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 傳到手機上,點擊安裝即可。
Demo
輕輕松松修改微信小游戲頁面^.^
三分鍾上手
第一步:手機和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代碼。讓頁面調試更加方便。