javascript - 非同步請求進來的js檔案怎麼打斷點？

Question

我整個系統就一個index.html頁面，其餘的頁面都是透過ajax的方式請求進來的，每個頁面片段裡都有引用script文件，script路徑寫的都是相對與index.html的相對路徑。但我現在有個子片段的js可能出問題了，我想找到這個js打斷點調試，我該怎麼操作？

Answer 1

html裡打斷點

Answer 2

以Chrome為例：

1. 打開Chrome，輸入index.html的本地路徑

2. 按「f12」開啟控制台

3. 點擊“Sources”，在左側檔案路徑中找到對應的.js檔案

1. 點選要打斷點的行標，顯示藍色標記

1. 刷新頁面，觸發事件就可以了