在開發移動端H5頁面的時候,我們可能需要用到真機調試,而在iPhone上進行真機調試H5頁面,還需要做一些額外的配置,需要分别對測試的手機和電腦進行配置,下面詳細介紹下具體的配置方法:
iPhone真機配置
- 首先,打開設定,找到Safari浏覽器
- 然後,點選Safari浏覽器,滑到底部,找到進階選項
- 最後,進入進階選項,打開“網頁檢查器”的開關
Mac電腦的配置
- 首先,打開系統預設的Safari浏覽器
- 然後,點選工具欄上的Safari浏覽器,選擇偏好設定
- 最後,切換到“進階”,并勾選“在菜單欄中顯示“開發”菜單”
調試H5頁面
- iPhone真機連接配接Mac電腦,并在手機上打開要調試的網頁
- Mac電腦打開Safari浏覽器,選擇菜單欄中的“開發” -> 連接配接的“手機名稱” -> 選擇對應App中的網頁,即可開啟調試