How to Debug a Web Page on iPhone — Without a Mac

Updated 2026-08-09

The official way to debug web content on iOS is Safari's Web Inspector — which requires a Mac, a cable, and a desk. If a page misbehaves while all you have is the phone in your hand, that's no help.

For local files and web projects there's a fully on-device alternative: OpenHTML bundles a DOM inspector, console, network panel and diagnostics into the viewer itself. Here's what each tool does and when to reach for it.

Start with diagnostics: the automatic pass

Before poking at the DOM, let the automatic scan tell you the obvious: OpenHTML's diagnostics list missing files the page references, remote resources that were blocked by the privacy default, JavaScript runtime errors, and encoding problems — each with a one-tap fix where one exists (allow network, enable JS, switch to Local Server).

In practice this resolves most "why is it blank / unstyled / half-working" cases in seconds, especially with AI-generated pages that reference files which were never produced.

Console: what the page is saying

The console captures log, warn and error output from the page's JavaScript, live. Uncaught exceptions land here with their messages — usually the single fastest clue when interactivity dies.

Element Inspector: the DOM, on device (Pro)

Tap any element to see its tag, attributes, and computed styles.
Edit attributes in place to test a hypothesis — does the layout fix itself with that class removed?
Jump from an inspected element straight to its line in the source viewer.

Network panel: every request, with timing (Pro)

Watch fetch, XHR and WebSocket traffic with URLs, status codes, sizes and timing — the on-device equivalent of the network tab. Export the whole session as a HAR file to analyze later in desktop DevTools, Charles or Proxyman.

Remember the privacy default: pages can't reach the network until you allow it per document, so an empty network panel may simply mean the page is being kept offline — diagnostics will say so.

Reproduce real conditions

Local Server mode (Pro) serves projects on 127.0.0.1 so fetch(), ES modules and JSON loading behave like production — essential for ZIP web projects.
Viewport presets (Pro) render the page at phone, tablet and desktop widths to shake out responsive bugs.
Request Desktop Site (Pro) loads the desktop layout when a page adapts too aggressively to mobile.

A realistic session

Import the page or project; diagnostics flag a blocked CDN stylesheet and one console error.
Allow network for the document → styles arrive; the error remains.
Console shows an undefined variable in app.js; the source viewer jumps to the line.
The fix is confirmed by editing the DOM attribute in the inspector — then you patch the file properly back at your desk and re-import to verify.

Free on the App Store — core viewing needs no purchase.

Download OpenHTML