试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具,希望大家喜欢!Online Debugging Tools
1.Pastebin Pastebin是一个协作式的调试工具,帮助你在IRC,IM或者消息版上对话来分享和修改代码片段
2.JSON Formatter and Validator JSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行,可能非常难于阅读。这个工具可以帮助你解决这个问题
3.JS Bin – Collaborative JavaScript Debugging 这个工具类似于 jsfiddle ,可以帮助大家来在线分享和协作调试JS和CSS代码片段, 你不需要关注上下文。它允许你编辑和测试JS和HTML。
Browser-based Debugging Tools
4.Blackbird JavaScript Debug Helper alert()可能是大家使用比较多的调试手段。blackbird提供了一个样式化的console来帮助大家记录,查看和过滤js信息,很大程度帮助开发人员避免处理程序的时候被alert中止,使得分析更加流畅
5.JavaScript Shell JS和DOM的命令行界面
6.JSDT – JavaScript Debug Toolkit JSDT是一个可以在IE,FF,Safari,Chrome,Opera,Mobile IE中用来debug javascript的工具。能在所有支持AJAX的浏览器中使用
7.CJS – Companion.JS JavaScript Debugger 一个IE上Javascript的debugger。详细报告JS错误,并且拥有类似firebug的console API特性
8.DebugBar – IE Extension for Web Developers 以前文章 中有介绍过这个工具,可以帮助你查看DOM tree并且修改标签属性和CSS属性,很方便的来查看及其debug JS方法
9.Opera Dragonfly 一个Opera browser的跨设备及其平台的debugging环境 ,检查和编辑CSS和DOM,并且可以查看相关错误
10.Venkman JavaScript Debugger Venkman是Mozilla的JS debugger代码名字 。主要为基于Mozilla的浏览器提供强大的JS调试环境
1.Pastebin Pastebin是一个协作式的调试工具,帮助你在IRC,IM或者消息版上对话来分享和修改代码片段
![在新窗口打开图片 1.jpg](https://i-blog.csdnimg.cn/blog_migrate/415fb014a1abf39050ae5831e827836b.jpeg)
2.JSON Formatter and Validator JSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行,可能非常难于阅读。这个工具可以帮助你解决这个问题
![在新窗口打开图片 2.jpg](https://i-blog.csdnimg.cn/blog_migrate/d5d66a94c5b5a5319a69bf401ce0adb7.jpeg)
3.JS Bin – Collaborative JavaScript Debugging 这个工具类似于 jsfiddle ,可以帮助大家来在线分享和协作调试JS和CSS代码片段, 你不需要关注上下文。它允许你编辑和测试JS和HTML。
![在新窗口打开图片 3.jpg](https://i-blog.csdnimg.cn/blog_migrate/58b962f06d2478ff8c40d20f669580c8.jpeg)
Browser-based Debugging Tools
4.Blackbird JavaScript Debug Helper alert()可能是大家使用比较多的调试手段。blackbird提供了一个样式化的console来帮助大家记录,查看和过滤js信息,很大程度帮助开发人员避免处理程序的时候被alert中止,使得分析更加流畅
![在新窗口打开图片 4.jpg](https://i-blog.csdnimg.cn/blog_migrate/3a3744c6e7b30d80c293d0b06052c156.jpeg)
5.JavaScript Shell JS和DOM的命令行界面
![在新窗口打开图片 5.jpg](https://i-blog.csdnimg.cn/blog_migrate/94a8f96d33b531e6f8f4ff141d3861af.jpeg)
6.JSDT – JavaScript Debug Toolkit JSDT是一个可以在IE,FF,Safari,Chrome,Opera,Mobile IE中用来debug javascript的工具。能在所有支持AJAX的浏览器中使用
![在新窗口打开图片 6.jpg](https://i-blog.csdnimg.cn/blog_migrate/978c21d52466349627d0359001ad803e.jpeg)
7.CJS – Companion.JS JavaScript Debugger 一个IE上Javascript的debugger。详细报告JS错误,并且拥有类似firebug的console API特性
![在新窗口打开图片 7.jpg](https://i-blog.csdnimg.cn/blog_migrate/5e73020172b01abfaaa75ffdf8c76c4b.jpeg)
8.DebugBar – IE Extension for Web Developers 以前文章 中有介绍过这个工具,可以帮助你查看DOM tree并且修改标签属性和CSS属性,很方便的来查看及其debug JS方法
![在新窗口打开图片 8.jpg](https://i-blog.csdnimg.cn/blog_migrate/6aaa4eac15827edc7134cb44d9a453e9.jpeg)
9.Opera Dragonfly 一个Opera browser的跨设备及其平台的debugging环境 ,检查和编辑CSS和DOM,并且可以查看相关错误
![在新窗口打开图片 9.jpg](https://i-blog.csdnimg.cn/blog_migrate/d2fca5dfae4413fb41d2760d296984a9.jpeg)
10.Venkman JavaScript Debugger Venkman是Mozilla的JS debugger代码名字 。主要为基于Mozilla的浏览器提供强大的JS调试环境
![在新窗口打开图片 10.jpg](https://i-blog.csdnimg.cn/blog_migrate/19b77aa0b193c93e557f06f3cbaaf3d0.jpeg)