天天看點

iPhone真機H5頁面調試

作者:jrcode

在開發移動端H5頁面的時候,我們可能需要用到真機調試,而在iPhone上進行真機調試H5頁面,還需要做一些額外的配置,需要分别對測試的手機和電腦進行配置,下面詳細介紹下具體的配置方法:

iPhone真機配置

  • 首先,打開設定,找到Safari浏覽器
iPhone真機H5頁面調試
  • 然後,點選Safari浏覽器,滑到底部,找到進階選項
iPhone真機H5頁面調試
  • 最後,進入進階選項,打開“網頁檢查器”的開關
iPhone真機H5頁面調試

Mac電腦的配置

  • 首先,打開系統預設的Safari浏覽器
  • 然後,點選工具欄上的Safari浏覽器,選擇偏好設定
iPhone真機H5頁面調試
  • 最後,切換到“進階”,并勾選“在菜單欄中顯示“開發”菜單”
iPhone真機H5頁面調試

調試H5頁面

  • iPhone真機連接配接Mac電腦,并在手機上打開要調試的網頁
  • Mac電腦打開Safari浏覽器,選擇菜單欄中的“開發” -> 連接配接的“手機名稱” -> 選擇對應App中的網頁,即可開啟調試
iPhone真機H5頁面調試

繼續閱讀