從 Chrome 115 開始,您可以為 iOS 上的 Chrome 啟用 Safari Web Inspector 偵錯功能。本文將說明如何開始使用。
在 Chrome 115 之前,要對網頁進行偵錯,就必須從原始碼建構 Chrome iOS 版,因為 WKWebView 的發布版本不支援遠端 Web Inspector 偵錯功能。在 Chrome 73 中,我們新增了 chrome://inspect 頁面,可在本機顯示 JavaScript 記錄,協助偵錯網頁。由於 WKWebView 允許在發布版本中進行 Web Inspector 偵錯 (自 iOS 16.4 起),我們在 Chrome 115 中新增了設定,以便啟用這項功能,並進一步改善開發人員體驗。
開始使用
在 iOS 裝置上,你需要:
- iOS 16.4 以上版本。
- Chrome 115 以上版本。
Mac 的必要條件:
- 已啟用 Safari「Develop」選單。在 Safari 應用程式設定的「進階設定」分頁中啟用這項功能。
在 iOS 裝置上開啟 Chrome 應用程式,然後前往「設定」。在「內容設定」中啟用 Web Inspector。變更這項設定後,請重新啟動 iOS 版 Chrome。
網站偵錯
啟用這項設定後,您可以按照下列步驟偵錯在 iOS 版 Chrome 中執行的任何網頁。
- 使用傳輸線將 iOS 裝置連接至 Mac。
- 在 Chrome iOS 版中,前往要檢查的網站。
- 在 Mac 上啟動 Safari。在「Develop」選單中,將滑鼠游標懸停在已連結裝置的名稱上,然後選取要檢查的網站網址。
顯示的 Web Inspector 視窗可讓您對目前的 WebView 進行偵錯。如要進一步瞭解如何使用 Safari 開發人員工具,請參閱 Apple 的說明文件。