Web Inspector on iPhone is a two-sided switch: turn it on in the iPhone’s Safari settings, turn on the developer features in Safari on a Mac, connect the two, and the iPhone appears in the Mac’s Develop menu. There is no on-device inspector and no supported way to do this from a Windows PC. The debugging interface always runs in Safari on macOS, driving the iPhone remotely.
That constraint is the first thing worth being clear about, because it is the answer to most of the frustration around this feature. Once you accept that a Mac is part of the setup, the process itself takes about ninety seconds.
Step 1: enable Web Inspector on the iPhone
On the iPhone:
- Open the Settings app.
- Go to Safari. On recent iOS versions this sits under Settings > Apps > Safari; on older versions it is a top-level entry in Settings.
- Scroll to the bottom and tap Advanced.
- Turn on Web Inspector.
Nothing visible changes on the phone. The toggle only makes the device willing to be inspected by a connected Mac.
Step 2: enable developer features in Safari on the Mac
On the Mac:
- Open Safari, then choose Safari > Settings from the menu bar, or press ⌘ ,.
- Click the Advanced tab.
- Tick Show features for web developers.
A Develop menu appears in the menu bar. That checkbox replaced the older “Show Develop menu in menu bar” wording, which is why guides written a few years ago no longer match what you see.
Step 3: connect and inspect
- Connect the iPhone to the Mac with a USB cable and unlock it. Trust the computer if prompted.
- Open a page in Safari on the iPhone.
- On the Mac, open the Develop menu. Your iPhone appears by name.
- Hover over it and select the open tab you want to inspect.
Web Inspector opens on the Mac, attached to the page running on the phone. You can also open the inspector for a local page with ⌥ ⌘ I, or by right-clicking a page and choosing Inspect Element.
One prerequisite that catches people out: for remote inspection to work, Web Inspector must also be enabled on the connected Mac, which is what the Show features for web developers checkbox does. Enabling only the iPhone side leaves you with a device that never appears in the Develop menu.
Going wireless
Once the device is connected by cable and visible in the Develop menu, select Connect via Network for that device. After that you can unplug the cable and continue inspecting, provided the Mac and the iPhone stay on the same network. This is the setting that makes real-world testing bearable: scroll behaviour, touch targets and viewport bugs are all much easier to reproduce when the phone is not tethered to a desk.
What you can actually inspect
| Target | Inspectable? | Notes |
|---|---|---|
| Safari tabs on the iPhone | Yes | The primary case; full Elements, Console, Network, Sources |
| Home Screen web apps | Yes | Appear in the Develop menu alongside Safari tabs |
| Web views inside third-party apps | Only if the app opts in | Developers must mark the web view as inspectable; most shipping apps do not |
| Simulator in Xcode | Yes | Appears as its own entry in the Develop menu |
| Chrome or Firefox on iOS | Effectively no | They use the system web engine, but do not expose their views for inspection the way Safari does |
The third row is the one that generates support questions. If you are debugging a site loaded inside someone else’s app and it never appears in the Develop menu, that is expected behaviour rather than a broken setup. Inspection of app web views is opt-in on the app’s side.
When the iPhone does not appear in the Develop menu
Work through these in order; the fault is nearly always in the first three:
- Is Web Inspector actually on? Re-check Settings > Apps > Safari > Advanced. A restore or a device migration silently resets it.
- Is the phone unlocked? A locked iPhone will not expose its tabs.
- Did you trust the computer? The Trust prompt appears once and is easy to dismiss by accident. Unplug, replug, and watch for it.
- Is there an open tab? A device with no page loaded in Safari shows up empty, which reads as a failure.
- Is it a data cable? Charge-only cables are common and produce exactly this symptom with no error message.
- Same network for wireless? Guest Wi-Fi with client isolation blocks the connection even when both devices show the same SSID.
The Windows question
There is no official path. Apple ships Web Inspector as part of Safari on macOS, and Safari for Windows has been discontinued for well over a decade. Practical options if you have no Mac:
- Test the site in a desktop browser’s device emulation first. It will not catch iOS-specific WebKit behaviour, but it catches layout problems faster than remote debugging does.
- Use a cloud device lab that provides a macOS host with a real iPhone attached. This is what most teams without Macs actually do.
- Borrow a Mac for the session. Setup is quick enough that a shared machine works fine.
Tools that claim to bring Web Inspector to Windows generally do something different underneath, usually an in-page JavaScript console injected into the site. That is useful for reading errors, but it is not Web Inspector and cannot show you the real render tree or network waterfall.
What to do first once it is connected
Three checks that account for most iOS-only bugs:
- Console. iOS Safari throws errors that desktop Safari does not, particularly around autoplay, storage in private browsing, and permissions.
- Network tab, throttled. A site that feels fine on office Wi-Fi behaves differently on a real cellular connection, and cellular data has its own costs, which is worth understanding from the user’s side too.
- Elements, with the viewport meta tag in view. A missing or malformed viewport tag remains one of the most common causes of a site that looks broken only on a phone.
Frequently asked questions
Where is Web Inspector in iPhone settings?
Open Settings, go to Safari (under Settings > Apps > Safari on recent iOS versions), scroll to the bottom, tap Advanced, and turn on Web Inspector. Nothing changes on the phone itself; the toggle only allows a connected Mac running Safari to inspect the device.
Can I use Web Inspector on iPhone without a Mac?
Not in any supported way. Web Inspector is part of Safari on macOS, and the iPhone is inspected remotely from it. The realistic alternatives are a cloud device lab that supplies a macOS host, desktop browser device emulation for layout issues, or borrowing a Mac for the session.
Why does my iPhone not show in the Safari Develop menu?
Usual causes, in order: Web Inspector is off in the iPhone’s Safari Advanced settings; the phone is locked; the Trust prompt was dismissed; no tab is open in Safari on the phone; or the cable is charge-only. For wireless connections, check both devices are on the same network without client isolation.
Can I inspect a web view inside another iOS app?
Only if that app has opted its web views in to inspection. Apple documents how developers enable this for their own apps, but most shipping apps ship with it off. If a third-party app’s web view never appears in the Develop menu, that is the expected result rather than a configuration error.
How do I debug an iPhone wirelessly?
Connect by cable first, then in Safari’s Develop menu on the Mac select Connect via Network for that device. Once enabled you can unplug the cable and keep inspecting, as long as the Mac and the iPhone remain on the same network.
The bottom line
Two toggles and a cable. Web Inspector on the iPhone, Show features for web developers in Safari on the Mac, then pick the device from the Develop menu. Turn on Connect via Network the first time you have it working. Testing a mobile site while the phone is physically tethered to a laptop is a worse simulation of reality than most people realise.
More iPhone coverage on Tech2Post: checking iPhone data usage is directly relevant when you are testing how heavy a site is on cellular, and the iPhone’s simplified Assistive Access mode is a useful reminder of how differently a page can be consumed. See also which iPhones have eSIM, transferring a SIM to a new iPhone, and changing your iPhone number for test-device logistics.
On the desktop side: the MacBook Neo and the iMac Pro i7 4K cover the Mac hardware that has to sit at the other end of this workflow, AI coding tools covers what else is in a front-end developer’s toolkit, and what latency actually means is worth reading before you interpret a network waterfall. For capturing evidence of a bug, see screenshots on iPad.
Sources: WebKit: Enabling Web Inspector for the iOS Settings path, the macOS “Show features for web developers” checkbox, the keyboard shortcut and the requirement that Web Inspector be enabled on the connected Mac; and Apple Developer: Inspecting iOS and iPadOS for the remote inspection workflow and inspectable targets.
