To use Web Inspector, you must launch and manually connect it.
Before you begin to
use Web Inspector, verify that:
- 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, 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).
-
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.