Getting started with the Web Inspector

User Guide

Search This Document

PDF 다운로드

Launch the Web Inspector to remotely inspect and modify content

Once you have enabled the Web Inspector in the BlackBerry Browser or in your BlackBerry WebWorks application or BlackBerry Java Application, you can remotely connect to your BlackBerry smartphone or BlackBerry tablet to inspect and modify the content.

Before you begin:

Verify that your computer is communicating on the same Wi-Fi network as the BlackBerry smartphone or BlackBerry tablet, or is connected to your computer via a USB connection.
Verify that your computer has a WebKit based desktop browser, such as Google Chrome or Apple® Safari™, installed on your computer.

On your computer, open a WebKit-based browser.
In the address bar, type the IP address of the BlackBerry smartphone or BlackBerry tablet, and specify port 1337. For example:
```
http://<x.x.x.x>:1337
```
A list of one or more links are displayed in your browser, representing the webpage currently displayed in each of the tabs open in the BlackBerry Browser.
Click on any of the available links to view the content in the Web Inspector. The Web Inspector opens and displays the Elements panel.

Retrieving the IP address used to connect to the BlackBerry device

Retrieve the IP address on a BlackBerry smartphone

On a BlackBerry smartphone or smartphone simulator running BlackBerry 7, when you enable the Web Inspector for the BlackBerry Browser, the browser displays the IP address and port number it is communicating over. If you have forgotten the IP address, you can access this information by disabling Web Inspector, then re-enabling it. For more information, see Enable the Web Inspector for the BlackBerry Browser on BlackBerry 7.

If you are running a BlackBerry WebWorks application or a BlackBerry Java Application, the application displays the IP address when it is launched. To retrieve the IP address, close the application, then restart it.

Retrieve the IP address on a BlackBerry tablet

On the BlackBerry tablet or BlackBerry Tablet Simulator, open the Options screen.
On the Options screen, click About to view information about the tablet.
In the drop-down list at the top of the About page, choose Network.
Locate and record the IP address in one for the following locations:
- If you are connected over a Wi-Fi connection, locate the IPv4 row in the Wi-Fi section of the Network page.
- If you are connected via a USB connection, locate the IPv4 row in the USB section of the Network page.

Web Inspector panels

The Web Inspector contains a number of panels, each of which provides different functionality that you can use to help you to improve the appearance and performance of your webpage. You can display a panel by clicking the icons in the toolbar that is located at the top of the Web Inspector.

The Web Inspector includes the following panels:

Panel	Icon	Description
Elements		The Elements panel allows you to inspect the DOM of the current webpage, and adjust settings for attributes and CSS properties. Changes you make are reflected in the BlackBerry Browser.
Resources		The Resources panel displays information about all the resources that are used by the current webpage.
Scripts		The Scripts panel allows you to debug JavaScript code. You can set breakpoints and step through your code to locate and correct issues.
Timeline		The Timeline panel allows you to view how much time it takes for the browser to load and render the webpage and its resources.
Profiles		The Profiles panel allows you to examine how your JavaScript code is utilizing memory. With the Profiles panel, you can determine where programmatic inefficiencies exist.
Storage		The Storage panel allows you to inspect your client-side storage. You can inspect the contents of your databases, local or session storage objects, cookies, or application caches.
Audits		The Audits panel allows you to examine the network utilization and webpage performance and suggests areas where performance can be improved.
Console		The Console panel provides a command-line driven utility that allows you to debug JavaScript errors or HTML parsing errors.