Safari Web Inspector

Debugging iOS with Safari Web Inspector (Not Run Here)

On iOS the equivalent is Safari 10 's Web Inspector 10 , shown here from Apple's and Capacitor 243,123 's documentation. Three switches must be on:

  1. On the iPhone or iPad: Settings, Safari, Advanced, Web Inspector.

  2. On the Mac: Safari's Settings, Advanced, Show features for web developers, which adds the Develop menu.

  3. In the app: since iOS 16.4 a WKWebView is inspectable only if the app says so. Capacitor does this for development builds, and ios.webContentsDebuggingEnabled: true in capacitor.config.ts extends it to release builds.

Run the app from Xcode 10 , then pick the device and localhost under Safari's Develop menu. The Web Inspector does the jobs of Chrome 1 's DevTools, with Elements, Console, Sources, Network and Storage tabs. Native messages, including the Capacitor bridge log, appear in Xcode's debug console rather than in Safari.