識別哪個JS腳本正在執行事件

Question

我不知道是否有辦法識別哪個JS腳本正在執行頁面中正在進行的操作？！例如，當我們點擊一​​個按鈕時，它正在使用javascript做一些事情。但是如何知道哪個腳本，甚至腳本的哪一行涉及這個事件？

Answer 1

對於這種類型的任務，我可以建議你使用谷歌瀏覽器，它的開發工具提供了很多我們大多數人甚至不使用或知道的功能。 只需打開您的頁面，然後按F12打開開發人員工具。找到並單擊Sources選項卡，在那裏您會看到一個樹映射站點中的所有文件，然後查看開發工具的右上角，您將在其中找到用於事件的處理程序，並在其下可以找到事件列表查看和暫停，在暫停按鈕旁邊有一個非常有用的按鈕「逐步執行下一個函數調用」，這會引導您完成與JS執行相關的每個事件。在這個列表中，你會在底部找到一個標籤，說「事件監聽器斷點」只是擴展它，你會發現JavaScript可以檢查的每個事件，只需查找你需要的事件，即。找到鼠標，展開它並檢查點擊，所以在每次點擊時，執行停止，你可以看到發生了什麼。或者只檢查整個鼠標事件列表，它會在每個鼠標事件中暫停。