调试javascript有哪些好的技巧?

时间:2011-05-08 11:51:00

标签: javascript jquery debugging

所以我经常使用JavaScript,我想知道调试javascript是否有任何好的提示或技巧....例如我有一个很好的,我经常使用。

在我的代码中我会做这样的事情

window.p = $(this);

在控制台中我可以像这样进行过滤

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

或者我需要做的任何事情......但是这样可以很容易地调试代码中的特定位置,我知道有很多提示和技巧在那里....提前感谢

我也看了这个question虽然它有用,但我正在寻找更多像上面这样的技术......

2 个答案:

答案 0 :(得分:3)

首先看一下jQuery Lint http://james.padolsey.com/javascript/jquery-lint/。它将帮助您在使用时调试jQuery。 Lint有助于报告在jQuery中发现的错误,这些错误在Firebug或Developer Tools中通常不明显。您可以在上面提到的网站上找到用法示例。

另请查看此页面http://getfirebug.com/logging并开始使用console对象来记录和调试代码。您可以在Firefox中使用Firebug,也可以在开发人员工具中使用Webkit(Chrome,Safari ...)。

答案 1 :(得分:3)

我通常设置断点并查看范围变量,或者添加我自己的监视表达式或将鼠标悬停在变量上,然后单步执行代码。

有时我觉得使用console.log()记录事物很有用。

其他时候,当事情有效但速度过慢时,我会使用console.profile()console.profileEnd()

一个有用的技巧是使用$0。如果在HTML面板中选择了一个元素,则可以在控制台中将其作为$ 0引用。

上述所有技术均适用于Firefox + Firebug和基于Webkit的浏览器(如Chrome和Safari)。最近我更喜欢Chrome,因为它允许我内联编辑代码(请查看此tutorial by Paul Irish

对于jQuery的额外调试帮助,我使用FireQuery