Email or username:

Password:

Forgot your password?
Simon Willison

PSA for web developers: if you plug your iPhone into a Mac with a USB-C cable and turn on the iPhone setting "Safari -> Advanced -> Web Inspector" you can run the full Safari web inspector on your Mac against live pages displayed on your phone

Wildly useful, not just for debugging but even for things like tweaking a page a bit in order to get a better screenshot

9 comments
Daniel

@simon The same works with Android and Chrome DevTools! It's massively helpful when you need it; that's about two times a year for me but then I really need it!

developer.chrome.com/docs/devt

Stuart Langridge

@simon and if you want to do this without a Mac, you can use github.com/HimbeersaftLP/ios-s from Windows and Linux; plug in the iphone and you can inspect Safari pages in a (simplified) devtools from a Chrome(ish) browser on the desktop. It's rather more of a faff, annoyingly, but it does work. (There's also inspect.dev/ but IIRC you have to have an online account to use it, which I don't like for local apps.)

Stuart Langridge

@simon it is! It’s a complete life saver for those of us who don’t have a Mac

Gabriel Elisavetsky

@simon I think it’s the “Connect via Network” toggle on macOS Safari > Develop > <iPhoneName>

Flo Gehring

@simon this also works for Safari sessions in the iOS Simulators

Go Up