javascript - How to break the js file that comes in asynchronously?

Question

There is only one index.html page in my entire system, and the rest of the pages are requested through ajax. Each page fragment has a referenced script file, and the script path is written relative to index.html. path. But now I have a sub-fragment of js that may have a problem. I want to find the js break point for debugging. How should I do it?

Answer 1

Break points in html

Answer 2

Take Chrome as an example:

1. Open Chrome and enter the local path of index.html

2. Press "f12" to open the console

3. Click "Sources" and find the corresponding .js file in the file path on the left

1. Click on the line mark of the break point to display the blue mark

1. Refresh the page and trigger the event