Launching Web Inspector

To use Web Inspector, you must launch and manually connect it.

Before you begin to use Web Inspector, verify that: After you've launched the app you want to inspect, you'll need to manually connect Web Inspector.
To launch Web Inspector to begin inspecting web content:
  1. On your host computer, open your WebKit-based browser.
  2. In the address bar, type the IP address of the device, specifying the port number used by the application serving the content. Note that different instances of the browser will be at different ports.
    After you complete this step, you will be prompted with a list of page titles for content that Web Inspector has loaded into memory (e.g. browser content or an HTML5 app).
  3. Click any of the page titles to begin using Web Inspector to debug and profile your web content.
    Web Inspector opens and displays the Elements panel.

In the Sources view, after you enable debugging, to ensure that you have the latest source files in the list you can use the shortcut key (CTRL+R) to refresh the current page.

In the Console view, you can browse objects, test extensions, and test APIs without having to build and deploy your app.