JavaScript调试工具汇总

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

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

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

Firebug

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

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

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

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

Opera Dragonfly

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

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

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

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

Debug bar

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

DOM检查Cookie检查JavaScript调试

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

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

JSLint

  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。

(0)

相关推荐

  • Javascript调试工具(下载)

    论坛上有人问javascript Debug的工具,在这里就推荐两个javascript的调试工具给大家,今后我也会说一下调试的方法. IE下推荐的调试工具就是VS studio了,这个的下载地址我就不给出了,相信大家都应该有.基本的调试方法我也说过了的相关链接:用Vs studio调试脚本.http://blog.csdn.net/bluedestiny/archive/2006/05/15/739893.aspx Mozilla下推荐Venkman javascript Debugger.下

  • ie 调试javascript的工具

    做 web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的是没有什么好的调试工具,现在的情况比以前稍好,在Firefox下还有firebug,这的确是一个不错的js调试工具,但在IE下使用就很麻烦,而且效果很不好,鄙人一直苦于寻找一个很好的IE下的js调试工具,能够自动捕获错误,并定位位置和原因,没想到今天竟在无意中寻找到了这么个好工具,不敢私藏,共享出来,希望能为各位web开发者带来方便 这个工具的名

  • 10个基于浏览器的JavaScript调试工具分享

    调试Javascript可能是web开发中最让人郁闷的事情.所以这里我们绝定来寻找一些好的工具来帮助大家调试.这里是10款我们精选的基于浏览器的JS在线调试工具,希望大家喜欢!Online Debugging Tools 1.PastebinPastebin是一个协作式的调试工具,帮助你在IRC,IM或者消息版上对话来分享和修改代码片段 2.JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON.因为JSON数据格式经常没有换行,可能非常难于阅读.这个

  • js调试工具 Javascript Debug Toolkit 2.0.0版本发布

    1. Javascript 语法着色 2. 在eclipse中调试javascript 3. 查看javascript表达式 4. 语法错误定位 5. 解决通过超链接等方式打开的html页面不能使用的问题 6. 解决上个版本中的bug

  • JavaScript调试工具汇总

    现在的JavaScript事实上已然成为了流行的web语言,即使它并不完美.很多程序员不喜欢用JavaScript写代码,是因为写到后来总会出现各种莫名其妙的bug,而且在开发大型应用程序的过程中很容易犯错.而且鉴于当今此类工具的现状,要想在浏览器上做JavaScript调试也不是那么方便. 下面这几个基于桌面和WEB的JavaScript调试工具,能让你更高效地调试JavaScript代码,这样就可以: 更有效地处理动态类型使应用程序更符合编码标准 Firebug Firebug已经出现很多年

  • javascript数组排序汇总

    javascript数组排序汇总 //排序算法 window.onload = function(){ var array = [0,1,2,44,4, 324,5,65,6,6, 34,4,5,6,2, 43,5,6,62,43, 5,1,4,51,56, 76,7,7,2,1, 45,4,6,7,8]; //var array = [4,2,5,1,0,3]; console.log('原始数组'); console.log(array); array = sorting.shellSort

  • javascript常用方法汇总

    本章没有深奥的讲解js一些底层原理,比如this指针.作用域.原型啦,涉及的都是一些有利于平时开发时简化代码,提高执行效率,或者说可以当做一种经验方法来使用,篇幅都不长,小步快跑的让你阅读完整篇文章,体验编程的快乐.  获取两个区间之内随机数 复制代码 代码如下: function getRandomNum(Min, Max){ // 获取两个区间之内随机数     // @逆火狂飙  提出有可能第一个参数大于第二个参数,所以增加一下判断更可靠     if (Min > Max)     Ma

  • JavaScript如何调试有哪些建议和技巧附五款有用的调试工具

    以下内容是关于javascript如何调试有哪些建议和技巧的相关知识,具体详情请看下文吧. 浏览器开发者工具 我个人最喜欢Chrome开发者工具.虽然Safari和Firefox无法达到Chrome那么高的标准,但它们也在逐渐改善.在Firefox中,可以将Firebug和Firefox开发者工具组合使用.如果Firefox小组在改进内置开发者工具方面继续表现优异的话,Firebug有一天可能会被淘汰. 先把个人偏好放在一边,你应该能够在目标浏览器中对任意代码进行试验和调试.你的目标浏览器可能包

  • JS 模态对话框和非模态对话框操作技巧汇总

    模态窗口 javascript 技巧汇总(传值.打开.刷新) 1.要弹出的页面中,一定要保证<head></head>标签间有<base target="_self">,否则会弹出的模态窗口上,点击按钮时,会再次弹出一个新页面. 2.被弹出页面的按钮的事件处理中,应该有Response.Write(new Function().ClosePage());语句,用以关闭当前的模态窗口. 3.因为幽默的缓存原因,如果你在模态窗口中修改了数据,你会发现,父

  • 2007/12/23更新创意无限,简单实用(javascript log)

    在javascript开发过程中,如果总是使用alert的方式调试程序,在某些简单的程序中是可行的.  但是在通常的项目很复杂,这种方式已经很难满足,企业级开发的需要.  比如ajax项目中,存在一个3000行左右JS文件,其中存在各种自定义的javascript对象. 开发的过程中,总是需要在js程序执行到某个关键点的时候,监视自定义对象的值或状态, 判断执行结果是否是预期的样子,如果您通过alert看到某些关联对象的值,是很困难的. 存在以下两个明显的缺点:  1.假如一次执行中有n个关键点

  • 19个很有用的 JavaScript库推荐

    然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库. Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界面显示和过滤调试信息. Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaScript 框架. BibliotypeBibliotype 是一个简单的基于 HTML.

  • JavaScript 调试器简介

    但是仅从调试的角度来说,这些调试器的功能是完全够用的.其实我更需要的不是一个 JavaScript IDE,而是一个 JavaScript 重构工具,这样可以使我快速地对 JavaScript 组件进行重构,比使用 UltraEdit 进行查找/替换的原始方法效率会提高很多,而且更加安全.其实任何一种没有重构工具的语言的开发效率都是没有办法和 Java 这样的语言(有 Eclipse.IDEA 等等强大的重构工具)相提并论的.共产主义尚未实现,这确实是现实,但是并不意味着我们就一定要等待,就没有

随机推荐