Using Chrome DevTools

Set and remove breakpoints

Breakpoints are shown in the Breakpoints section of the JavaScript debugging pane:

To set a breakpoint, click to the left of the line of code in the Source window where you want the break to be set. A breakpoint marker is displayed:

When execution is paused due to a breakpoint, a Paused on breakpoint message is displayed:

To remove a breakpoint, click the breakpoint marker.

Disable/re-enable breakpoints

To disable all breakpoints, click the disable breakpoints button: . A disabled breakpoint marker appears grayed-out:

To re-enable all breakpoints, click the re-enable breakpoints button: . Breakpoints must first be set to disable/re-enable them.

When all breakpoints are disabled, the breakpoints list is grayed out:

Step through code

To step over a line of code, click the step over button: . The code pointer moves to the next line.

To step into a line of code, click the step into button: . The code pointer moves into the function. Note that you cannot step into a SuiteScript module. Clicking the step into button when the code pointer is at a SuiteScript module will move the code pointer to the next line, effectively skipping over the SuiteScript module.

To step out of a line of code, click the step out button: . The code pointer moves out of the function to the line after the function call.

Pause and resume execution

To pause execution, click the pause button: . When script debugging is paused, you will see the Debugger paused message:

To resume execution, click the resume execution button:

Restart execution from a line within the call stack

To restart execution from a point in the call stack:

1. Expand the Call Stack section of the JavaScript Debugging pane.

2. Click the line of code in the call stack where you want to resume execution.

3. Click the resume execution button:

   

View and edit local, closure, and global properties

SuiteScript and JavaScript objects can be viewed by expanding the Local, Closure, or Global sections of the JavaScript debugging pane:

View current call stack

To view the call stack, click the Call Stack header on the JavaScript debugging pane:

You can also select a point in the call stack and resume execution from that point.

Display the console

You can display the console in the main debugger window or on the bottom pane of the debugger by clicking the corresponding Console tab. However, if you use the Console tab on the left side of the debugger, the source window closes.

De-minify display of the script code

Source code may be displayed minified when it is displayed on the Sources tab:

This is often unreadable. You can de-minify the source (that is, add appropriate white space and new lines) by using the button located at the bottom of the source window.

Watch variable and expression values

Use the Watch window on the JavaScript debugging pane to see values of variables within your script and to evaluate expressions on-the-fly:

To add a variable or enter an expression to evaluate, click the plus (+) button on the Watch window header and enter the variable name or expression. Notice in the above example, the variable being watched is a SuiteScript object so all available members of that object are displayed.