调试javascript有哪些好的技巧?

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

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

window.p = $(this); 

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

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

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

此外,我看了这个问题 ,虽然它有用,我正在寻找更多的技术,如我上面…

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

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

其他时候,当事情有效,但它们太慢我使用console.profile()console.profileEnd()

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

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

有关jQuery的额外调试帮助,我使用FireQuery

首先看一下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 …)。