Debugging iOS Safari on iPhone & iPad (When All You Have is a Mac)
Key Takeaways & Executive Summary
- Configuring iOS device Settings for Web Inspector inspection.
- Connecting iPhone/iPad over USB-C or Lightning and pairing with macOS Safari.
- Inspecting active mobile Safari tabs, web apps, and WKWebView instances.
- Handling trusted computer prompts and iOS 17/18 permission changes.
- Common pitfalls when debugging iOS Safari locally.
Every frontend engineer has experienced it: your web application works flawlessly on Chrome and Firefox desktop, but on an actual iPhone or iPad, buttons do not trigger, CSS layouts collapse, or mobile Safari crashes completely. When all you have is a Mac, Apple provides a wired Web Inspector bridge to inspect and debug iOS Safari.
Step 1: Enable Web Inspector on iPhone or iPad
1. Open the **Settings** app on your iPhone or iPad. 2. Tap **Safari** in the settings list. 3. Scroll down to the bottom and tap **Advanced**. 4. Turn on the **Web Inspector** toggle switch.
Step 2: Connect to Mac & Authorize Connection
1. Connect your iPhone to your Mac using a verified USB-C or Lightning cable. 2. Unlock your iPhone screen. 3. When the alert **"Trust This Computer?"** appears, tap **Trust** and enter your iPhone passcode.
Step 3: Attach Mac Safari Web Inspector to iOS Tab
1. Open Safari on your iPhone and visit the web page you need to debug. 2. Open Safari on your Mac. 3. In the Mac menu bar, click **Develop**. 4. Hover over your iPhone’s name in the submenu. 5. Click on the URL of the webpage you want to inspect. 6. A Web Inspector window will open on your Mac, attached directly to your iPhone!
Debug Web Applications with Zero-Server ReMOAT
Experience native Chrome DevTools fidelity in your browser over encrypted WebRTC DataChannels. Connect live to staging or customer tabs with a 6-digit PIN.
Try ReMOAT DevTools Now →