Search code examples
debuggingmobilemobile-safariremote-debuggingweb-inspector

How to debug web sites on mobile devices?

How do people debug websites on mobile devices?

I'd like to be able to manipulate the HTML and CSS similar to using the Inspector in a desktop browser, and debug JavaScript.

Solution

  • This is the correct answer, not sure why Blaine only left it as a comment!

    As of iOS 6 Remote Debugging is available: https://stackoverflow.com/a/12762449/72428

    On OS X you can use the Safari web inspector on the iOS Simulator AND iOS 6 devices.

    1. First enable the Developer menu in Safari on your Desktop.

    2. Next, enable remote debugging on your iOS device (or simulator).

      Settings > Safari > Advanced > Web Inspector (ON)

    3. Go back to Safari on your computer, click the Developer menu, and select your device (e.g. iPhone Simulator, iPhone)