Debugging websites in Chrome on iOS 16.4+
From Chrome 115 you can enable Safari Web Inspector debugging for Chrome on iOS. This post explains how to get started.
On your iOS device you need:
- iOS 16.4 or greater.
- Chrome 115 or greater.
On your Mac you need:
- The Safari Develop menu enabled. Enable this from Safari application settings, Advanced Settings tab.
On your iOS device launch the Chrome app and navigate to Settings. In Content Settings, enable Web Inspector. Relaunch Chrome for iOS after changing this setting.
Debugging your site
With the setting enabled, you can debug any page running in Chrome for iOS by following these steps.
- Connect your iOS device to a Mac with a cable.
- In Chrome for iOS, navigate to the website which you'd like to inspect.
- On your Mac, launch Safari. From the Develop menu, hover over the name of your connected device and select the url of the website which you would like to inspect.
The displayed Web Inspector window will allow debugging of the current web view. For more details about using Safari Developer Tools, refer to Apple's documentation.