iPhone調試移動端webview


一、模擬器調試

1、啟動Xcode

2、選擇菜單Xcode - Open Developer Tool - Simulator

3、啟動Simulator后,選擇Simulator菜單Hardware - Device - iOS12.x - 再選擇需要的手機/iPad型號

4、安裝App,直接拖放App安裝包到Simulator屏幕上,等待自動安裝結束。

5、在App內訪問開發環境,打開電腦端Safari瀏覽器,選擇菜單:開發 - 模擬器,右側會顯示App內打開的web地址列表,選擇你要調試的地址,會打開一個瀏覽器控制台,開始調試web view

二、真機調試

1、全局安裝 spy-debugger 包  

npm install spy-debugger -g

  

 2、啟動 spy-debugger,瀏覽器自動打開調試頁面 http://127.0.0.1:63564

spy-debugger

  

3、 打開調試頁面http://127.0.0.1:49858/,點擊RootCA下載證書,發到手機上安裝並添加信任。

4、確保手機和電腦在同一局域網且在同一網段,手機設置電腦為代理,設置路徑:設置 - 無線局域網 - 點擊當前連接的wifi右側圖標 - 配置代理 - 手動 - 服務器填電腦IP,端口默認填9888,保存,注意:因某些公司網絡限制,電腦和手機很可能不在同一網段,如果電腦有無線網卡,將電腦wifi開關也打開,設置代理時就用wifi連接的IP地址

5、在App內訪問開發環境,在http://127.0.0.1:49858/頁面查看請求和控制台輸出,頁面分為兩塊:【頁面調試】和【請求抓包】。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM