調試javascript有什麼好的技巧？

因此，我相當經常地使用JavaScript，並且想知道是否有任何好的提示或技巧來調試javascript ....例如我有一個很好的，我經常使用的。調試javascript有什麼好的技巧？

在我的代碼，我會做這樣的事

window.p = $(this);

並在控制檯中我可以做我的過濾這樣的

window.p.next("li").find("a").val();

或任何我需要做的......但是這使得它很容易調試代碼中的特定點，我知道有很多技巧和竅門在那裏....在此先感謝

另外，我看着這個question雖然它的幫助我正在尋找更多像我上面的技術...

來源

2011-05-08 Trace

通訊維基請。這裏沒有問題。 – redsquare 2011-05-08 11:55:50

@red我們不再做CW了。如果毫無疑問，我們毫無疑問地將其視爲「不是真正的問題」。 – bmargulies 2011-05-08 11:58:51

好的，關閉然後！ – redsquare 2011-05-08 11:59:19

我通常會設置一個斷點並查看範圍變量，或者添加我自己的監視表達式或將鼠標懸停在變量上，然後單步執行代碼。

有時候我發現使用console.log()來記錄事情很有用。

其它時間，如果工作的事情，但他們的速度太慢我用console.profile()和console.profileEnd()

一個有用的技巧是利用$0。如果您在HTML面板中選擇了一個元素，則可以在控制檯中以$ 0的形式引用它。

以上所有技術均可在Firefox + Firebug和基於Webkit的瀏覽器中使用（例如Chrome瀏覽器& Safari）。最近我喜歡Chrome瀏覽器，因爲它讓我可以編輯代碼內嵌（檢查這個tutorial by Paul Irish）

對於額外的幫助調試的jQuery我用FireQuery

來源

2011-05-08 12:13:14

看看jQuery Lint首先http://james.padolsey.com/javascript/jquery-lint/。它會幫助您在使用jQuery時進行調試。 Lint有助於報告jQuery中發現的錯誤，這些錯誤在Firebug或開發者工具中通常不明顯。您可以在提到的網站上找到使用示例。

也看看這個頁面http://getfirebug.com/logging並開始使用console對象來記錄和調試你的代碼。您可以在Firefox中使用Firebug和Webkit（Chrome，Safari ...）在開發工具中使用它。

來源

2011-05-08 11:58:26

'console.log'岩石！ – Javier 2011-05-08 12:03:40

調試javascript有什麼好的技巧？

回答

相關問題