一、模擬器調試
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/頁面查看請求和控制台輸出,頁面分為兩塊:【頁面調試】和【請求抓包】。