Launching Web Inspector

Before you begin to use Web Inspector, verify the following: 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 and specify the port number used by the application serving the content. Note that different instances of the browser will be at different ports.
    You'll be prompted with a list of page titles for content that Web Inspector has loaded into memory, such as 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, once you enable debugging to ensure you have the latest source files in the list, you'll need to refresh the current page by using the shortcut key CTRL+R.

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