iOS之safari調試iOS app web頁面

Overview

當下移動端開發過程當中大量使用前段H五、js等等技術，而這些web頁面的調試在Xcode控制檯中不太明瞭，常常咱們移動app運行了就是方法，可是不能顯示響應的效果，這時候或許就是已經報錯了，可是咱們在Xcode控制檯是看不到這些錯誤。這時候咱們就能夠用功能強大的Safari瀏覽器來開啓開發模式鏈接iPhone來調試app臉面的web頁面了。

Safari設置

打開Safari偏好者設置，選中「高級菜單」，在頁面最下方看到「在菜單中顯示開發菜單」的複選框，在複選框內打鉤，這樣設置完畢就能在Safari菜單中看到開發菜單了

iPhone設置

打開iPhone手機設置app 選擇Safari，找到高級選項，有JavaScript開關web檢查器開關，講兩個開關都打開

調試

到此，準備工做完成。這時候講iPhone連接到mac上，打開Safari瀏覽器，運行手機app裏面的web頁面，在開發菜單中選擇鏈接的手機，找到調試的網頁，就能在Safari裏面調試了

手機截屏

Safari調試窗口

Safari控制檯

在Safari中鼠標右鍵，選擇檢查元素，就能夠看見Safari控制檯了。若是看不到檢查元素選項，依照上面Safari設置打開開發選項