iOS開發-使用Safari除錯iOS APP H5頁面

GabrielPanda發表於2018-12-09

移動端開發過程中大量使用H5、js,而這些web頁面的除錯在Xcode控制檯中不好除錯。 Safari瀏覽器來開啟開發模式連線iPhone來除錯app臉面的web頁面了。

1、啟用Mac上Safari的開發模式

Safari瀏覽器-偏好設定-高階 選中 在選單欄中顯示“開發”選單

瀏覽器設定.png

進入開發模式

選單欄.png

2、啟用iOS裝置上Safari的開發模式

設定-Safari瀏覽器-高階-開啟JavaScript和Web檢查器

iOS裝置設定.png

3、除錯iOS裝置上Web頁面

這時候講iPhone連結到mac上,開啟Safari瀏覽器,執行手機app裡面的web頁面,在開發選單中選擇連線的手機,找到除錯的網頁,就能在Safari裡面除錯了

選擇裝置

開始除錯

相關文章