天天看點

Safari實作對移動端H5頁面調試

Debug模式

通過Safari實作對移動端H5頁面調試。

在移動端App開發子產品裡使用h5頁面展示可以加快開發速度,但是h5子產品出現問題需要調試并不友善。通過Safari輔助功能,可以發現定位問題。

總結操作步驟如下:

  1. 手機 ->設定->Safari ->進階->JavaScript打開、Web檢查器打開
  2. xcode工具通過usb連接配接手機,運作App
  3. 在App中點選進入到H5展示頁面
  4. 在Mac上打開Safari浏覽器: Safari浏覽器->偏好設定->進階->勾選 “在菜單欄中顯示“開發””菜單
  5. Safari浏覽器->開發
Safari實作對移動端H5頁面調試
Safari實作對移動端H5頁面調試

控制台圖形化界面區域調試

繼續閱讀