如何調試Javascript應用程序？

我在JavaScript激烈的應用程序中工作。所以爲了調試，我最終使用了許多警報。還有其他更好的調試方法嗎？你使用什麼方法？如何調試Javascript應用程序？

2011-04-15 vinoth

不確定這是否適合SO。 – zzzzBov 2011-04-15 16:17:39

@zzzzBov是對的。當問題在SO的範圍內時，應該在那裏詢問。通常情況下，較大的人羣將導致更好的答案。 – 2011-04-15 17:03:01

對於JavaScript，調試是在大多數瀏覽器中sinch：

IE - 你在哪裏真的需要調試，F12是控制檯。你可以撥打console.log，console.debug,console.error和其他幾個，它會打印出好的數據。當您在對象上調用console.log時，良好的控制檯將打印對象的屬性分解。還有一個活動的dom檢查器，以便您可以在腳本運行時查看發生了什麼。

Firefox - 獲取Firebug addon。這是我最喜歡的控制檯。做過我曾經夢想過的所有事情，還有其他一些功能。
Chrome瀏覽器 - 內置控制檯，檢查頁面上的元素以查看DOM直播的細目。
Opera - 內置控制檯
Safari - ~~將Firebug Lite添加到頁面，您將擁有一個JS驅動版本的Firebug。~~ Safari內置了類似於Chrome的開發工具，但是they need to be enabled。

對於所有的瀏覽器，你可以添加Firebug Lite，但我真的只用於IE和Safari。

來源

2011-04-15 16:23:42 zzzzBov

IE＆Firefox + Firebug（我不確定其他人）還可以讓您逐步調試您的Javascript（即放置斷點，逐步執行代碼）。 – 2011-04-15 17:54:43

我以前從來沒有聽說過Firebug Lite，這非常有用。 – jhocking 2011-04-15 20:29:25

大多數現代瀏覽器都包含一個控制檯，它可以幫助顯示語法錯誤等。當然，有Firebug。

來源

2011-04-15 15:55:08 Moshe

使用Firefox作爲您的主要開發平臺並打開Web控制檯。錯誤消息打印在那裏。

Chrome也有一個控制檯，但它沒有Firebug，一個用於Web開發的Firefox附加組件。儘管Firefox附帶的Web控制檯會在Javascript中顯示錯誤，但Firebug還將幫助您檢查頁面的HTML，並且甚至還有Firebug的擴展，如Flashbug用於處理頁面上的Flash組件。

很明顯，您最終需要在所有瀏覽器中檢查您的Web應用程序，但是大部分在Firefox中進行開發。

來源

2011-04-15 16:04:44 jhocking

我不認爲「像你第一次在Firefox中開發所有事情一樣」今天和幾年前一樣真實。 – 2011-04-15 16:29:54

@JohnIsaacks - 同意，Chrome和Safari也有必要的控制檯。 – Moshe 2011-04-15 20:09:08

如何調試Javascript應用程序？

回答

相關問題