How to use Web Inspector on iPad / iPhone to set up remote debugging with Safari

With iOS 6, Apple introduced a new Safari feature called “Web Inspector” for debugging web applications on iOS devices such as the iPad, iPhone or iPod touch. This feature can help anybody, especially web developers, find and correct problems with websites. Here is how to use this feature:

Turn on Web Inspector on your iDevice by tapping Settings > Safari > Advanced and toggle on Web Inspector.

Safari iPad iPhone Web Inspector

After you’ve turned on Web Inspector, you need to connect your device to your computer (Mac only, PC computers do not support this feature). Proceed to launch Safari on your Mac computer. First ensure you have developer tools in Safari turned on. If you can see “Develop” in the menu bar, then it is turned on. If you need to turn Develop Menu on, click “Safari > Preferences > Advanced” and check the “Show Develop menu in menu bar” check-box.

Show Develop menu in menu bar

Now select Develop menu; you will see your iDevice as a menu option. You should be able to inspect your website. This includes making changes to HTML or CSS, running JavaScript commands and searching DOM elements.

Related:

 

Comments

  1. Davit says

    What if after completing described steps, I do not see iDevice in Develop menu? Is there requirement on Mac OS X version for example? I’ve also read somewhere that currently it works only with iPad Simulator, but not the actual device? Any insight on this?

  2. Mike Scanlon says

    I’m sure I am not the first to tell you that Apple has totally screwed the HTML5 development community with this change in debugging. I’m also sure that this comment will never see the light of day on this web site. My company says I need to develop for iPhone and iPad, but I can’t get a Mac computer. Now I am just pissed enough to make sure I never own a Mac.

  3. Andrew says

    I see you’ve blocked PC based developers from supporting the IPad and other IOS devices by only allowing debug of IPad web content via a MAC. Nice touch. Typical insular Apple maneuver, and classic shoddy behavior.

    And your users and company wonders why so many of us have grown to dislike you?

    No one else in the industry plays this stupid game except for Apple.

    Clue: Buy a mirror.

Leave a Reply

Your email address will not be published. Required fields are marked *