当前位置: 首页 > 编程笔记 >

JavaScript调试工具汇总

吴凯
2023-03-14
本文向大家介绍JavaScript调试工具汇总,包括了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。

 类似资料:
  • 用于Chrome远程调试协议的替代传输。 进程: 主进程​ Chrome调试工具在JavaScript运行时具有特殊绑定,允许与页面交互并对其进行检测。 1 const {BrowserWindow} = require('electron') 2 let win = new BrowserWindow() 3 ​ 4 try { 5 win.webContents.debugger.attach

  • 控制调试工具 控制调试工具用来管理调试当中的程序运行,提供了如下常用功能: 暂停、恢复程序运行; 终止进程 查看、禁用断点 获取线程堆栈 恢复程序运行 当程序在断点处暂停的时候,可以使用此功能来恢复程序运行. 如果有下一个断点, 就会跳转下一个断点处. 如果没有断点,程序就继续运行. 操作步骤: 调试工具栏: Resume Program 快捷键: Mac: option + command +

  • 现提供基于Visual Studio Code的调试插件(beta版) zip包中包含有使用说明,具体安装使用方法可解压后查看 Mac版本下载地址 windows版本下载地址 XCode下的bricks工程 下载地址

  • 1 adb的安装和使用 2 GDB调试环境搭建 3 录音工具vspdump使用指南

  • 本文向大家介绍9种使用Chrome Firefox 自带调试工具调试javascript技巧,包括了9种使用Chrome Firefox 自带调试工具调试javascript技巧的使用技巧和注意事项,需要的朋友参考一下 我们调试Javascript一般会用到Chrome或Firefox自带的调试工具,本文列出了几条用于调试Javascript的技巧,掌握它们,让我们花更少的时间来解决错误和bug,