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

項目名稱: 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

輕輕鬆鬆修改微信小遊戲頁面^.^

thumb_IMG_0122_1024.jpg

三分鐘上手

第一步:手機和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代碼。讓頁面調試更加方便。

相關文章
相關標籤/搜索