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 相关文章推荐
静态的动态续篇之来点XML
Dec 23 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
jQuery前台数据获取实现代码
Mar 16 Javascript
Web开发之JavaScript
Mar 29 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
浅谈Vue SSR 的 Cookies 问题
Nov 20 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 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
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
常用PHP框架功能对照表
2014/10/23 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
PHP实现的猴王算法(猴子选大王)示例
2018/04/30 PHP
PHP7移除的扩展和SAPI
2021/03/09 PHP
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
网站404页面3秒后跳到首页的实例代码
2013/08/16 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python随机生成信用卡卡号的实现方法
2015/05/14 Python
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
python 输出上个月的月末日期实例
2018/04/11 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
Python对HTML转义字符进行反转义的实现方法
2019/04/28 Python
Python列表与元组的异同详解
2019/07/02 Python
在Python中COM口的调用方法
2019/07/03 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
python 实现多线程下载视频的代码
2019/11/15 Python
pytorch加载自定义网络权重的实现
2020/01/07 Python
python能自学吗
2020/06/18 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
德国网上花店:Valentins
2018/08/15 全球购物
如何开启linux的ssh服务
2015/02/14 面试题
大学校运会广播稿
2014/02/03 职场文书
服装设计师求职信
2014/06/04 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
唐山大地震观后感
2015/06/05 职场文书
七年级作文之环保作文
2019/10/17 职场文书