如何检查客户端JavaScript代码是否有错误?

时间:2011-03-11 22:52:27

标签: javascript javascript-debugger

我有一些客户端JavaScript代码,想要检查该文件是否有错误/警告。

检查JavaScript文件错误的最简单方法是什么?

7 个答案:

答案 0 :(得分:33)

将其复制并粘贴到http://www.jslint.com/中,但要做好准备“让你的感情受到伤害”。

答案 1 :(得分:7)

使用(工具 - > JavaScript控制台)或(CTRL + SHIFT + J)在Chrome浏览器中打开JavaScript控制台始终是一个好的起点。但是,JSLint确实是您最好的选择。

答案 2 :(得分:5)

我建议你试试Google Closure Compiler。它不仅可以检查代码中的错误,还可以执行一些优化。这里的“编译器”可能有点用词不当,因为它接收JavaScript并输出回JavaScript。

要试用它,您可以将代码复制并粘贴到在线Closure Compiler Service

我注意到很多人都在暗示JSLint。我刚从John Resig的JSHint偶然发现了tweet,它看起来非常灵活,可以执行编码约定。

答案 3 :(得分:3)

如果您真的担心标签和空格,JSLint等都很棒,但对于JS语法,我使用http://esprima.org/demo/validate.html

我正在将一些小的JS / jQuery调用+函数放入我的php中,并且esprima检查器适合我。

答案 4 :(得分:1)

使用FireBug for Firefox。

答案 5 :(得分:1)

Firefox的firebug:

使用Firefox浏览器下载并安装附加组件:https://getfirebug.com/downloads/

如果您使用的是旧版本的Firefox,请单击下载旧版本,然后单击.xpi文件进行安装。选择与您的firefox版本兼容的最新日期。

将此代码放入名为whatever.html的文件中:

<script type="text/javascript">
    var successFunction(){
    }
</script>

使用firefox打开该文件。打开firebug窗口。单击控制台选项卡。启用它。它应该告诉你代码上面的代码有一个错误:

enter image description here

答案 6 :(得分:1)

有两种方法可以找到问题:

  • 静态分析 您可以将jshint / jslint与gruntjs构建器一起使用来识别语法问题。 https://github.com/gruntjs/grunt-contrib-jshint

  • 运行时错误管理 您可以使用JsLog.me等日志记录服务从客户端捕获错误和日志。每个浏览器都有自己的JavaScript运行时环境,因此客户端日志记录可以解决实际问题。