JavaScript调试工具汇总


Posted in Javascript onDecember 23, 2014

现在的JavaScript事实上已然成为了流行的web语言,即使它并不完美。很多程序员不喜欢用JavaScript写代码,是因为写到后来总会出现各种莫名其妙的bug,而且在开发大型应用程序的过程中很容易犯错。而且鉴于当今此类工具的现状,要想在浏览器上做JavaScript调试也不是那么方便。

JavaScript调试工具汇总

下面这几个基于桌面和WEB的JavaScript调试工具,能让你更高效地调试JavaScript代码,这样就可以:

更有效地处理动态类型使应用程序更符合编码标准

Firebug

JavaScript调试工具汇总

Firebug已经出现很多年了,它为那些主要在Firefox上创建应用程序的开发人员提供了一个应用扩展。

是做HTML、CSS和JavaScript测试的专用应用程序比默认浏览器自带的开发者工具的功能更强大允许设置断点,以便于在各个阶段测试结果

如果你是在其他的浏览器上,如谷歌的Chrome浏览器上面开发程序,那可以试试Firebug的精简版,功能相同,只是界面稍微有所差别而已。

官方网站:http://getfirebug.com/

Opera Dragonfly

JavaScript调试工具汇总

Opera浏览器并不是非常流行,其互联网用户使用人数甚至不到全世界的1%。但是,其开放式的JavaScript测试和调试工具可能会吸引到你。

更轻松地检查DOM立马看到修改CSS和JavaScript后的结果检查错误,更快地找到它们的根源

其他浏览器也正在不断改善以媲美Opera Dragonfly,但是就目前它对Web开发人员而言依然是最好的测试工具之一。

官方网站:http://www.opera.com/dragonfly/

Debug bar

JavaScript调试工具汇总

Internet Explorer不像Firefox和Chrome那样提供多种插件,但是对于这个目前世界上使用人数最多的浏览器而言,DebugBar是最好的前端调试工具之一。它涵盖了几乎所有你需要的功能:

DOM检查Cookie检查JavaScript调试

如果您的主浏览器是Internet Explorer,那么DebugBar绝对是跻身于先进JavaScript工具的明智选择。

官方网站:http://www.debugbar.com/

JSLint

JavaScript调试工具汇总

JSLint是由当今世界Web开发领域最知名的技术权威之一——Douglas Crockford所创建的一个基于Web的工具。你需要做的就是复制粘贴代码到JSLint的在线编辑器上,就可以:

突出显示代码中的错误确保语法简洁又符合标准指出JavaScript常见的类型错误。

官方网站:http://www.jslint.com/

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。

Javascript 相关文章推荐
Javascript 陷阱 window全局对象
Nov 26 Javascript
js自动下载文件到本地的实现代码
Apr 28 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
JS的get和set使用示例
Feb 20 Javascript
js数组方法扩展实现数组统计函数
Apr 09 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
js 模仿锚点定位的实现方法
Nov 19 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
JavaScript队列函数和异步执行详解
Jun 19 Javascript
微信小程序webview 脚手架使用详解
Jul 22 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 #Javascript
jQuery元素选择器用法实例
Dec 23 #Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 #Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 #Javascript
jQuery分组选择器用法实例
Dec 23 #Javascript
常用的JS验证和函数汇总
Dec 23 #Javascript
jQuery后代选择器用法实例
Dec 23 #Javascript
You might like
php去除重复字的实现代码
2011/09/16 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
jQuery语法总结和注意事项小结
2012/11/11 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
javascript数字时钟示例分享
2014/04/23 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
2020/08/08 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
requests和lxml实现爬虫的方法
2017/06/11 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
python 实现将字典dict、列表list中的中文正常显示方法
2018/07/06 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
使用python3实现操作串口详解
2019/01/01 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
Python调用Windows命令打印文件
2020/02/07 Python
深入浅析python的第三方库pandas
2020/02/13 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
环境工程大学生自荐信
2013/10/21 职场文书
中专毕业生自荐信
2013/11/16 职场文书
期末考试动员演讲稿
2014/01/10 职场文书
岗位聘任书范文
2014/03/29 职场文书
消防安全标语
2014/06/07 职场文书
小学数学教师研修日志
2015/11/13 职场文书
教你使用TensorFlow2识别验证码
2021/06/11 Python
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers