1、npm install spy-debugger -g
;
2、執行 spy-debugger
命令;
圖一 | 圖二 |
3、將手機和電腦連在同一個局域網;
A、IOS設置:
- 連接網絡;
- 點擊詳情—>配置代理—>手動—>輸入IP和port(和圖二保持一致);
- 掃描證書二維碼安裝證書(一定要在設置網絡後掃碼,否則會出現不想看的畫面)二維碼地址;
- 安裝成功後,打開設置—>通用—>關於本機—>證書信任設置—>開啓信任;
- 打開對應H5頁面調試;
B、Android設置:
- 連接網絡;
- 點擊更多設置—>找到對應網絡—>點擊右箭頭進入—>代理—>手動—>輸入IP和port(和圖二保持一致);
- 打開對應H5頁面調試;
描述 | 圖片 |
---|---|
成功打開H5頁面 | |
H5頁面調試 |
注意:
1、頁面調試模式和瀏覽器開發者模式類似;
2、本文只是個人簡單的使用,詳情請訪問:https://github.com/wuchangming/spy-debugger