在 iOS 16.4 以上版本的 Chrome 中對網站進行偵錯

Mike Dougherty
Mike Dougherty

從 Chrome 115 版開始,您可以為 iOS 版 Chrome 啟用 Safari 網頁檢查器偵錯功能。本文將說明如何著手進行。

在 Chrome 115 之前,由於 WKWebView 的發布版本不支援遠端網頁檢查器偵錯,因此如要對網頁進行偵錯,就必須在 Chrome 115 之前的版本中從來源建構 Chrome iOS 版。在 Chrome 73 版中,我們新增了 chrome://inspect 網頁,用於在本機顯示 JavaScript 記錄,以協助對網頁進行偵錯。WKWebView 現已在發布版本 (自 iOS 16.4 起) 啟用網頁檢查器偵錯功能,我們已在 Chrome 115 中新增一項設定,以便啟用這項功能並改善開發人員體驗。

開始使用

在 iOS 裝置上,需求條件:

  • iOS 16.4 以上版本。
  • Chrome 115 以上版本。

在 Mac 上,需求條件:

  • 已啟用 Safari「開發」選單。從 Safari 應用程式設定的「進階設定」分頁中啟用。

在 iOS 裝置上啟動 Chrome 應用程式,然後前往「設定」。在「內容設定」中啟用網頁檢查器。變更這項設定後,即可重新啟動 iOS 版 Chrome。

為網站偵錯

啟用這項設定後,您可以按照下列步驟,對在 Chrome iOS 版中執行的任何網頁進行偵錯。

  1. 使用傳輸線將 iOS 裝置連接至 Mac。
  2. 在 iOS 版 Chrome 中,前往您要檢查的網站。
  3. 在 Mac 上啟動 Safari。在「開發」選單中,將滑鼠遊標懸停在已連結的裝置名稱上,然後選取您要檢查的網站網址。

所顯示的 Web Inspector 視窗可讓您對目前的網頁檢視畫面進行偵錯。如要進一步瞭解如何使用 Safari 開發人員工具,請參閱 Apple 的說明文件