现在的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。

  英文原文:7 Best Tools to Make JavaScript Testing Easier 翻译:codeceo

7个提高效率的JavaScript调试工具的更多相关文章

  1. 【转】.NET程序员提高效率的70多个开发工具

    原文:.NET程序员提高效率的70多个开发工具 工欲善其事,必先利其器,没有好的工具,怎么能高效的开发出高质量的代码呢?本文为各ASP.NET 开发者介绍一些高效实用的工具,涉及SQL 管理,VS插件 ...

  2. paip.提高效率---集合的存取括号方式 uapi java python php js 的实现比较

    paip.提高效率---集合的存取括号方式 uapi java python php js 的实现比较 ##java ----------- 在JDK1.7中,摒弃了Java集合接口的实现类,如:Ar ...

  3. Oracle多表连接,提高效率,性能优化 (转)

    执行路径:ORACLE的这个功能大大地提高了SQL的执行性能并节省了内存的使用:我们发现,单表数据的统计比多表统计的速度完全是两个概念.单表统计可能只要0.02秒,但是2张表联合统计就可能要几十表了. ...

  4. 提高效率的Matlab使用方式

    1.花一点时间学习一些提高效率的技巧永远是值得的: 2.总结和记录永远是必要的. Command窗口: Editor窗口: 1.Tab自动补全

  5. paip.提高效率---微信 手机app快速开发平台—微网络撬动大市场

    paip.提高效率---微信 手机app快速开发平台-微网络撬动大市场   手机app快速开发平台 尤其适合crm系统,呼叫中心等业务功能...    作者Attilax  艾龙,  EMAIL:14 ...

  6. oracle里要查看一条sql的执行情况,有没有走到索引,怎么看?索引不能提高效率?

    index scan 索引扫描 full table scan是全表扫描 直接explain plan for 还有个set autotrace什么 索引一定能提高执行效率吗? 索引不能提高效率的情况 ...

  7. HttpWebRequest提高效率之连接数,代理,自动跳转,gzip请求等设置问题

    先设置4个: [csharp] webrequest.ServicePoint.Expect100Continue = false; //是否使用 Nagle 不使用 提高效率 webrequest. ...

  8. 计算机天才Aaron Swartz 名作 《如何提高效率》——纪念真正的“hacker"!

    如何提高效率 <HOWTO: Be more productive>(如何提高效率)作者:Aaron Swartz 肯定有人跟你说过这样的话,“你有看电视的那么长时间,都可以用来写一本书了 ...

  9. 七个 Android 程序猿提高效率必备工具

    Android 程序猿提高效率必备工具 0x00 Code tree for GitHub 这个 Chrome 浏览器插件.Github 作为最大同性交友网站,每天的工作几乎是从打开这个网站开始的.当 ...

随机推荐

  1. BZOJ.2806.[CTSC2012]Cheat(广义后缀自动机 DP 单调队列)

    题目链接 首先二分答案L.然后就是判断能否将原串划分出一些长度不小于L的子串,这些子串要是给定n个串中的某个串的子串,且满足它们的长度之和不小于原串长度的90%. 贪心多长选一段什么的显然不对.老老实 ...

  2. BZOJ.1001.[BeiJing2006]狼抓兔子(最小割ISAP)

    题目链接 为什么这题网络流这么快,海拔那题就那么慢.. //119968kb 544ms //路不是有向的,所以要建四条边..既然如此就直接将反向边的流量设为w了.(or MLE...) #inclu ...

  3. (android高仿系列)今日头条 --新闻阅读器 (转载)

    非常不错,原文地址:http://blog.csdn.net/vipzjyno1/article/details/26514543

  4. hdu 4431 第37届ACM/ICPC 天津赛区现场赛A题 枚举

    题意:就是给了13张牌.问增加哪些牌可以胡牌.m是数字,s是条,p是筒,c是数字 胡牌有以下几种情况: 1.一个对子 +  4组 3个相同的牌或者顺子.  只有m.s.p是可以构成顺子的.东西南北这样 ...

  5. js识别用户设备是移动端手机时跳转到手机网站

    一.识别到用户的设备是手机等移动端设备时跳转到移动端网站 var mobileAgent = new Array("iphone", "ipod", " ...

  6. LPC-Link2 CMSIS-DAP firmware source

    LPC-Link2 CMSIS-DAP firmware source Hi, I'm using the CMSIS-DAP firmware with the LPC-Link2. I'd lik ...

  7. 利用/proc/pid/pagemap将虚拟地址转换为物理地址

    内核文档: Documentation/vm/pagemap.txt pagemap is a new (as of 2.6.25) set of interfaces in the kernel t ...

  8. delphi 取得任意程序的命令行

    program GetCommandLineExDemo; uses Windows; constSystemHandleInformation = 16;ProcessBasicInformatio ...

  9. 配置Oracle E-Business Suite Integrated SOA Gateway Release 12.1.2/12.1.3

    3.3 配置Oracle E-Business Suite Integrated SOA Gateway Release 12.1.2 注意: 在多节点环境上配置Oracle E-Business S ...

  10. FAQ:如何提高编译速度?

    问: 如何提高编译速度? 答: 减少一次需要编译的代码量,目前想到的有两种思路: 1:修改解决方案的属性配置,取消勾选不常修改的项目的“生成”复选框. 2:采用插件化的架构,每一个插件弄一个解决方案, ...