項目名稱: spy-debugger 項目地址:https://github.com/wuchangming/spy-debuggerhtml
關於spy-debugger npm Build Statusnode
一、一站式頁面調試工具,遠程調試任何手機瀏覽器頁面,任何手機移動端webview(如:微信,HybirdApp等)HTTP/HTTPS。 二、spy-debugger內部集成了weinre。 三、支持HTTPS頁面的調試。git
安裝github
Windows 下web
npm install spy-debugger -g
Mac 下npm
sudo npm install spy-debugger -g
安裝證書瀏覽器
第一步:生成證書微信
spy-debugger initCA // 證書生成在用戶根目錄的node-mitmproxy文件夾下的 // 如: /Users/wuchangming/node-mitmproxy
第二步:安裝證書網絡
把node-mitmproxy文件夾下的 node-mitmproxy.ca.crt 傳到手機上,點擊安裝便可。移動端web
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代碼。讓頁面調試更加方便。