Before you begin to
use Web Inspector, verify the following:
- Your computer is connected to your target board via Ethernet.
- Your computer has a WebKit-based desktop browser (e.g., Google Chrome or Apple
Safari).
- You have launched your application on the target (e.g., by manually starting
weblauncher or by sending a command to the launcher's
PPS object via a command console).
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:
-
On your host computer, open your WebKit-based browser.
-
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.
-
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.