[分享] 透過 Web Inspector 在 iOS 上的 Safari 除錯

之前提到三種手機瀏覽器上除錯的方式：

• 透過 WebIDE 在 Android Firefox 除錯
• 透過 DevTools 在 Android Chrome 除錯
• 透過 Web Inspector 在 iOS 上的 Safari 除錯（本篇）

本篇會介紹用 Web Inspector 在 iOS 上 Safari 瀏覽器除錯的方法。

首先打開 iOS 上的『設定 > Safari > 進階 > 網頁檢閱器』。
接著就可以開啟 iOS 上的 Safari 瀏覽器，然後把 iOS 接上電腦。

然後，打開電腦上的 Safari 瀏覽器，開啟『偏好設定 > 進階 > 在選單列中顯示開發選單』。選單上就會出現『開發』。

點選『開發 > 該 iOS 名稱』，在選單內就可以看到該 iOS 上 Safari 所開啟的分頁。

點選想除錯的分頁之後，就會開啟 Web Inspector 網頁檢閱器，接著就可以 Debug 了。

參考資料：

• Web Development Tools
• Remote debugging on iOS with Safari Web Inspector