Debugging in a Desktop Browser

Use the Web Inspector extension to debug JavaScript code running in Chrome on a desktop or laptop.

Context

When debugging touchscreen events or code that includes JavaScript files from Apache Cordova or Kapsel, you must debug on the device rather than on a desktop or laptop.

Procedure

To open Web Inspector, press either Ctrl + Shift + J or F12, or go to Tools Developer Tools .
From the Sources panel, choose a file to open.
(Optional) Choose one or more breakpoints to step through. The chosen breakpoints appear in the Breakpoints panel.
(Optional) From the Elements panel, choose an HTML element to view, or modify its HTML and CSS properties.
(Optional) In the Console drawer, enter commands to modify the source file code.
(Optional) From the Network panel, examine data URL requests and responses (values received).

For more information about debugging using Chrome, see https://developer.chrome.com/devtools.