1. 程式人生 > >手機控制檯除錯(需PC端協助)

手機控制檯除錯(需PC端協助)

 

工具需求:

  1.PC   

  2.手機(暫時只測試安卓,ios可能是在證書上有區別?)   

  3.以上兩個工具在同一區域網下

步驟: 

  一 ,PC端登入nodejs官網,選擇並下載安裝

    next,下一步下一步即可( 改改安裝目錄 )

  二 , PC端安裝spy-debugger

    開啟命令列工具,輸入: npm install spy-debugger -g   (mac: sudo npm install spy-debugger -g );

    等待安裝完成

  三 , 手機端 安裝證書 

    開啟目錄C:\Users\Administrator\node-mitmproxy (可以在 C:\Users\ 下搜" node-mitmproxy ");

    將檔案 node-mitmproxy.ca.crt 傳給手機端

    以華為手機為例:

      1. 設定 - 安全和隱私 - 更多安全設定 - 從SD卡安裝 - (從檔案管理器找到node-mitmproxy.ca.crt點選安裝)

        其他手機 也應該在 安全設定中

      2. 無線 - WLAN - 高階WLAN設定 - 安裝證書 -  (從檔案管理器找到node-mitmproxy.ca.crt點選安裝)

  四 , 設定代理

    1 . PC端  命令列 ipconfig檢視ipv4地址

    2 . 手機端 設定 - WLAN - 選擇當前連結的WLAN - 修改 - 代理 :  修改代理為手動 , 修改伺服器主機名為PC端的ipv4地址 , 埠號為9888

    3 . 代理設定成功 連結上同一網路才能進行下一步

  五 , 開啟除錯工具

    1 . PC端開啟命令列 輸入spy-debugger start , 按提示開啟瀏覽器(一般是自動開啟);

    2 . 用手機瀏覽頁面 , PC端瀏覽器會出現相對應的除錯工具

  如下圖: