Developer

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

  1. To open Web Inspector, press either Ctrl + Shift + J or F12, or go to Start of the navigation path Tools Next navigation step Developer Tools End of the navigation path.
  2. From the Sources panel, choose a file to open.
  3. (Optional) Choose one or more breakpoints to step through. The chosen breakpoints appear in the Breakpoints panel.
  4. (Optional) From the Elements panel, choose an HTML element to view, or modify its HTML and CSS properties.
  5. (Optional) In the Console drawer, enter commands to modify the source file code.
  6. (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/devtoolsInformation published on non-SAP site.