如何查找JS代碼在瀏覽器中工作？

Question

我正在使用引導程序模式，我不知道在哪裏放置了點擊按鈕後觸發模式的js代碼。

jQuery('#signin').modal('show'); 

我檢查了每個文件......甚至在瀏覽器中檢查了源文件中的每個JS文件。

當我點擊按鈕打開模式時，如何才能找到哪些代碼在瀏覽器中觸發事件？

Answer 1

使用瀏覽器的開發者工具，它可以讓你執行Javascript調試。你最好的選擇是最有可能的Firebug。如果你在JS文件的一行中設置了一個調試點，那麼firebug將允許你檢查堆棧以查看哪一行調用了這個函數。

說明

1. 在Firebug中，單擊腳本選項卡。
2. 使用下拉菜單選擇您的.js文件。
3. 當JS文件顯示找到目標行並單擊它的左側時，設置一個調試點。
4. 加載您的頁面，腳本應停止在您的調試點。
5. 單擊右側的堆棧選項卡並檢查。

在Firebug搜索腳本

如果您單擊腳本選項卡，你可以在Firebug的右上角輸入已知件的腳本，這應該帶你到它在代碼中的位置。

Answer 2

我與凱文同意，另一種選擇是使用類似打印的堆棧跟蹤： http://www.codeovertones.com/2011/08/how-to-print-stack-trace-anywhere-in.html