7个提高效率的JavaScript调试工具
现在的JavaScript事实上已然成为了流行的web语言,即使它并不完美。很多程序员不喜欢用JavaScript写代码,是因为写到后来总会出现各种莫名其妙的bug,而且在开发大型应用程序的过程中很容易犯错。而且鉴于当今此类工具的现状,要想在浏览器上做JavaScript调试也不是那么方便。
下面这几个基于桌面和WEB的JavaScript调试工具,能让你更高效地调试JavaScript代码,这样就可以:
Firebug已经出现很多年了,它为那些主要在Firefox上创建应用程序的开发人员提供了一个应用扩展。
官方网站:http://getfirebug.com/
Opera Dragonfly
Opera浏览器并不是非常流行,其互联网用户使用人数甚至不到全世界的1%。但是,其开放式的JavaScript测试和调试工具可能会吸引到你。
官方网站:http://www.opera.com/dragonfly/
Debug bar
Internet Explorer不像Firefox和Chrome那样提供多种插件,但是对于这个目前世界上使用人数最多的浏览器而言,DebugBar是最好的前端调试工具之一。它涵盖了几乎所有你需要的功能:
官方网站:http://www.debugbar.com/
JSLint
JSLint是由当今世界Web开发领域最知名的技术权威之一——Douglas Crockford所创建的一个基于Web的工具。你需要做的就是复制粘贴代码到JSLint的在线编辑器上,就可以:
JSLitmus
如果你比较在意JavaScript应用程序的性能,JSLitmus绝对是一个可爱的小工具。它可以帮助你创建你自己的JavaScript基准测试,以便于你权衡app开发各个阶段的性能。
官方网站:http://www.broofa.com/Tools/JSLitmus/
Write Code Online
Writecodeonline.com是一个全功能的JavaScript编辑器。它操作简单易于使用,并且几乎可以立马指出bug。对于大型应用程序而言,是一个不可或缺的得力助手。
Tinkerbin
这是目前最好使的在线web开发设计工具之一。Tinkerbin允许你在同一个web应用程序中测试HTML,CSS和JavaScript。使用Tinkerbin之所以在测试JavaScript代码片段对HTML和CSS的影响上面显得更为便捷,是因为能看到即时结果。
可能我们会觉得JavaScript很繁琐,但那是因为它会逐步进化,而非一开始就是一些宏伟的设计。上面这些工具和应用程序能对你的开发和测试提供裨益。并且总有一款适合你的浏览器,助你更加高效无bug地开发app。
译文链接:http://www.codeceo.com/article/7-javascript-debug-tools.html英文原文:7 Best Tools to Make JavaScript Testing Easier翻译作者:码农网 – 小峰
下面这几个基于桌面和WEB的JavaScript调试工具,能让你更高效地调试JavaScript代码,这样就可以:
- 更有效地处理动态类型
- 使应用程序更符合编码标准
Firebug已经出现很多年了,它为那些主要在Firefox上创建应用程序的开发人员提供了一个应用扩展。
- 是做HTML、CSS和JavaScript测试的专用应用程序
- 比默认浏览器自带的开发者工具的功能更强大
- 允许设置断点,以便于在各个阶段测试结果
官方网站:http://getfirebug.com/
Opera Dragonfly
Opera浏览器并不是非常流行,其互联网用户使用人数甚至不到全世界的1%。但是,其开放式的JavaScript测试和调试工具可能会吸引到你。
- 更轻松地检查DOM
- 立马看到修改CSS和JavaScript后的结果
- 检查错误,更快地找到它们的根源
官方网站:http://www.opera.com/dragonfly/
Debug bar
Internet Explorer不像Firefox和Chrome那样提供多种插件,但是对于这个目前世界上使用人数最多的浏览器而言,DebugBar是最好的前端调试工具之一。它涵盖了几乎所有你需要的功能:
- DOM检查
- Cookie检查
- JavaScript调试
官方网站:http://www.debugbar.com/
JSLint
JSLint是由当今世界Web开发领域最知名的技术权威之一——Douglas Crockford所创建的一个基于Web的工具。你需要做的就是复制粘贴代码到JSLint的在线编辑器上,就可以:
- 突出显示代码中的错误
- 确保语法简洁又符合标准
- 指出JavaScript常见的类型错误。
JSLitmus
如果你比较在意JavaScript应用程序的性能,JSLitmus绝对是一个可爱的小工具。它可以帮助你创建你自己的JavaScript基准测试,以便于你权衡app开发各个阶段的性能。
官方网站:http://www.broofa.com/Tools/JSLitmus/
Write Code Online
Writecodeonline.com是一个全功能的JavaScript编辑器。它操作简单易于使用,并且几乎可以立马指出bug。对于大型应用程序而言,是一个不可或缺的得力助手。
Tinkerbin
这是目前最好使的在线web开发设计工具之一。Tinkerbin允许你在同一个web应用程序中测试HTML,CSS和JavaScript。使用Tinkerbin之所以在测试JavaScript代码片段对HTML和CSS的影响上面显得更为便捷,是因为能看到即时结果。
可能我们会觉得JavaScript很繁琐,但那是因为它会逐步进化,而非一开始就是一些宏伟的设计。上面这些工具和应用程序能对你的开发和测试提供裨益。并且总有一款适合你的浏览器,助你更加高效无bug地开发app。
译文链接:http://www.codeceo.com/article/7-javascript-debug-tools.html英文原文:7 Best Tools to Make JavaScript Testing Easier翻译作者:码农网 – 小峰
【7个提高效率的JavaScript调试工具】相关文章
5. Firebug 2.0新特性:javascript调试功能
6. 新技术再次提升了Chrome的JavaScript载入效率
8. 红帽加入Facebook的开放计算项目以提高数据中心效率
10. 是时候使用JavaScript严谨模式(Strict Mode)提升团队开发效率
本文来源:https://www.51html5.com/a51.html
﹝7个提高效率的JavaScript调试工具﹞相关内容
- Web Inspector:在 Sublime Text 中调试 JavaScript 代码
- 你应该了解的 5 个 JavaScript 调试技巧
- 帮助你检测客户端浏览器和分辨率的jQuery插件 - Conditionizr
- 20个提升网站界面体验的jQuery插件
- 帮助你检测客户端浏览器和分辨率的jQuery插件 - Conditionizr
- 7个步骤:让JavaScript变得更好
- 12款很棒的浏览器兼容性测试工具
- 分享5款移动应用测试工具
- Futuremark发布HTML5浏览器测试工具
- kcov 17 发布 代码覆盖测试工具