14款优秀的JavaScript调试工具大盘点

　　JavaScript是一种非常简单的语言，一般说来任何人都可以在几小时内掌握它的基本知识。

　　然而就像其他任何语言一样，JavaScript存在着一些可以轻易避免的常见错误和不好的做法。开发人员喜欢使用这个脚本语言来改善用户界面，提供丰富多彩的功能，或者在网站上制作各种互动元素。

　　不过，调试JavaScript对正在开发web开发人员而言可以说是一项相当痛苦又艰巨的任务。因此我们收集了一些最好的JavaScript调试工具，希望可以帮助你调试脚本，以实现更精确的结果。诚挚地希望这些我们推荐的工具能为你带来方便，祝你编程愉快！

1.Json Formatter & Validator

　　JSON Formatter是用来协助调试的。JSON的数据输出为了节省空间，通常无需换行，所以实际阅读和理解的时候就会非常的困难。此款小工具有望通过格式化JSON数据，从而使得它能便于我们人脑的阅读和调试。

　　官方网站：http://jsonformatter.curiousconcept.com/

2.Debug

　　Debug是一个小型的用于记录调试消息的库。由于它只对console.log周围进行封装，所以在Node和浏览器上都可以工作。它可以让你过滤日志输出而不改变你的源，同时还可以输出时间差，让你轻松知道日志信息用了多少时间。

　　官方网站：http://smalljs.org/logging/debug/

3. JS Hint

　　JSHint是一款社区驱动工具，用于检测JavaScript代码中的错误和潜在问题，以及强制执行团队的编码约定。它适应性非常好，能轻松适合你需要的特定的编码规则和环境。

　　官方网站：http://www.jshint.com/

4.Grunt

　　Grunt是一款适合JavaScript项目的基于任务的命令行构建工具。它允许你在项目中使用下列预定义的任务：连接文件，使用JSHint验证文件，使用UglifyJS压缩文件，使用节点单元运行单元测试，等等。

　　官方网站：http://gruntjs.com/

5. JS Bin

　　JS Bin是一款专为协助avaScript和CSS代码的分支测试片段而设计的web应用程序，在给定环境下，调试代码进行和谐工作。 JS Bin允许编辑和测试JavaScript和HTML。你如果觉得ok的话，还可以保存并发送URL给小伙伴进行审查或寻求帮助。

　　官方网站：http://jsbin.com/