调试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有什么好的技巧？

回答

相关问题