Navigate to an entity that has a form that uses your JavaScript using Google Chrome, in our example, Sales | Graduation Details.
Open an existing record by double-clicking a record in the list, or create a new one by clicking on the + New option.
Press F12 on your keyboard or Ctrl + Shift + I. Alternatively, go to your Chrome menu and navigate to More tools | Developer tools.
Select the Sources tab, and then look for your file in the left navigation Sources list or press Ctrl + P on your keyboard. Start typing a partial name of your file (common) to find your JavaScript file (in our example, packt_common.js).
Click on the line number on the left-hand side corresponding to the line where you want the debugger to break.
Perform the action that will trigger the JavaScript function call and the debugger will break at the breakpoint, as per the following screenshot:
Once the debugger breaks on your breakpoint line, you can highlight expressions you want to inspect and hover over them to view their values.
