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.

  4. Loren Meale says

    iI think Mr. Cook should resign. He’s no innovator or visionary. He’s a manager alway was always will be. Apple doesn’t even allow an SD Card. Apple is falling behind Sansung fast.

  5. oscar says

    This feature only works on the MAC, not on WIndows because Apple decided to stop updating Safari for Windows. Steve Jobs complained that Adobe Flash was a closed system and that was one of the reasons Apple gave to support their decision of not allowing Flash on their mobile devices. A few years later and we are now seeing that Apple is a close system. It only allows to develop apps for their iOS system on Apple computers, it does not provide the basic development tools for anybody on other more popular platforms (like Windows) to test and program their sites.

Leave a Reply

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