所以我经常使用JavaScript,我想知道调试javascript是否有任何好的提示或技巧....例如我有一个很好的,我经常使用。
在我的代码中我会做这样的事情
window.p = $(this);
在控制台中我可以像这样进行过滤
window.p.next("li").find("a").val();
或者我需要做的任何事情......但是这样可以很容易地调试代码中的特定位置,我知道有很多提示和技巧在那里....提前感谢
我也看了这个question虽然它有用,但我正在寻找更多像上面这样的技术......
答案 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