How to use the JavaScript debugging tool that comes with chrome

1. Open the written JavaScript code in chrome.
2. On the page, right-click and select "Review element".
3. Pop-up form:

Then, click on the "Resources" tab:

Then click "Enable Resource Tracking", import the source file, and select the "Script" tab, as follows:
The way to add breakpoints is to double-click on the number in the line of code you are on!!
Debug control mode:

1. The first is to refresh the debugging Web page, that is, reload the code.
2. The JScript tab page pops up and aborts at the breakpoint. As follows:

How to use the JavaScript debugging tool that comes with chrome