跟蹤Javascript代碼的最佳方法

使用任何工具調試Javascript代碼的最佳方式是什麼..i.e。我想知道什麼時候點擊一個按鈕，什麼JS代碼得到執行...跟蹤Javascript代碼的最佳方法

我想測試Firefox和Safari ..已經嘗試過Firebug，但想知道是否有更好的方法..

另外更重要的是，我想知道「如何」正好調試代碼？

也可以打印完整的JS代碼，當我按下按鈕時被調用？

2011-05-30 testndtv

我使用Firefox，Firefox的火狐...我使用IE的開發工具（「F12」）。對於Safari，如果它適用於Firefox ....那麼很有可能它將在Safari上工作....你也可以依靠框架來移除瀏覽器的多樣性以進行調試（即jquery等） – VirtualTroll 2011-05-30 17:22:16

這篇文章中，使用Firefox的螢火和jQuery，可以幫助您檢測和捕獲所有綁定到一個按鈕的事件，這樣你能告訴什麼是單擊按鈕時JS代碼運行：

How to debug JavaScript/jQuery event bindings with Firebug (or similar tool)

來源

2011-05-30 17:22:36 thaddeusmt

我總是使用Google Chrome的集成網絡檢查器工具（您知道，右鍵點擊，檢查元素）。它對我來說工作得很好，並具有我需要的所有功能。

來源

2011-05-30 17:18:43 RobinJ

借調，而仍然有螢火蟲在前方的區域（網絡標籤...），Chrome的JavaScript調試器真的是一款非常棒的軟件。 – Lepidosteus 2011-05-30 17:23:15

另外Chrome的調試器在我看來更加用戶友好。顯然，Google Chrome也有一個FireBug Lite：http://getfirebug.com/releases/lite/chrome/ – RobinJ 2011-05-30 17:26:22

Chrome開發者控制檯+火狐瀏覽器Firebug

來源

2011-05-30 17:24:09

Chrome開發者控制檯+ Firefox當然Firebug（和IE中的Firebug Lite），但也檢出Visual Event，一個小書籤，向您展示附加到頁面元素的高度可視化概覽。

來源

2011-05-30 17:28:17 fvu

嗯，我認爲最好的方法是使用Visual Studio並將其與Internet Explorer掛鉤。正如其他人指出的那樣，瀏覽器內置的工具非常棒，但Visual Studio讓您可以調試JavaScript代碼並使用相同的應用程序進行編輯。缺點是你必須使用Internet Explorer，但是我個人並不認爲這是一個很大的問題。

來源

2011-05-30 17:31:10 Gleno

Internet Explorer始終存在一個問題：P – 2016-05-04 02:28:06

跟蹤Javascript代碼的最佳方法

回答

相關問題