Learning Salesforce Lightning Application Development

Setting breakpoints in the Chrome developer Console

If you want your code to stop during runtime, you can add the debugger keyword in the code. Open the Console and execute the action, and you will notice that the code stops at the breakpoint. Now, hover over the variables to inspect them.

You don't even need a debugger keyword, as you can find the source file in Chrome now and add breakpoints.

The following screenshot shows how to use the Sources tab to find the source code. Click on the line number to automatically inject breakpoints and execute actions:

Once you execute an action, you can step through each line of code using the step over ...