JavaScript代码测试必备的12款工具？

Javascript代码测试必备的12款工具？

1、Jasmine Jasmine是一个行为驱动的测试开发框架，用于对Javascript代码进行测试。它不依赖其它任何Javascript框架，也不需要DOM。

它的语法简洁、明确，写测试非常容易。

2、Mocha Mocha是一个功能丰富的Javascript测试框架，既运行于Node.js环境中，也可以运行于浏览器环境中。Mocha以串行方式运行测试，能做出灵活而准确的报告，也能将测试中未捕捉的异常映射到正确的测试用例。 3、Chai Chai是个支持BDD/TDD的库，可用于node和浏览器，可配合任何Javascript测试框架使用。 4、QUnit QUnit是个功能强大又易于使用的Javascript单元测试框架。

jQuery、jQueryUI和jQueyMobile项目都使用这个框架，它能测试普通的Javascript代码。 5、Sinon Sinon.JS为Javascript提供了独立的spies、stubs和mocks[译者注：Spy、Stub和Mock都是测试专用名词，Stub常被翻译为桩，spies是Spy的复数形式，是一种可以监视方法、调用和参数的技术]。它不依赖任何东西，可以配合任何单元测试框架工作。

6、Karma Karma是针对连通浏览器的一个框架无关测试运行器。每一个测试结果对应每个浏览器，它的测试和显示都是通过命令行暴露给开发者的，这样他们就可以看到浏览器测试的通过或失败。 7、Selenium Selenium有一个简单的目标：就是自动化浏览器。

它主要用于自动化测试web应用程序，但是只是很简单地考虑到了基于网络的管理任务。 8、WebdriverIO WebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序，使测试代码更简单、简洁、易读。集成的TestRunner同样允许你以同步的方式调用异步命令，这样你不需要关心如何处理Promise以避免竞态条件。

此外，它取消了所有的繁琐的设置工作，并且会为您管理的Selenium会话。 9、Nightwatch Nightwatch.js是一个易于使用的Node.js，它是为基于浏览器的app和网站设计的终端到终端（E2E）的测试方法。它使用强大的W3CWebDriverAPI，用于在DOM元素上执行命令和断言。 10、PhantomCSS PhantomCSS获得CasperJS捕获的屏幕截图，并使用Resemble.js将其与基准图进行对比，以测试RGB像素差异。

java课程http://www.kmbdqn.cn/发现PhantomCSS然后生成图像差异对比，用于帮助您找到原因。 11、PhantomFlow PhantomFlow使用决策树提供UI测试方案。针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。

Javascript用什么开发工具

Javascript自推出后就大受开发者的青睐，基于Javascript的开发工具（这里包含大量的JS开发资源，包括前端、框架、通用类等）不计其数，开发者们可以灵活选择，轻松构建应用。本文分享十款Javascript开发工具1. Kreate这款工具有助于对 jQuery对象快速生成DOM。

你可以创建单个或多个元素。

2. Night Watch jsNightwatchjs拥有一个简洁而强大的语法，能够允许你快速编写测试。它是专用于浏览器应用和网站的一款端到端的测试解决方案。 3. GulpjsGulp是比较火的开源项目，配置更简洁、更直观，受到很多开发者的青睐。4. Easy StarjsEasystarjs是利用 Javascript API编写的，常用语构建HTML5游戏。

开发者可以将其与现有的JS框架搭配使用。 5. Headroom.jsHeadroom.js 是一款轻量级、高性能的JS组件（无依赖性）。6. HarpjsHarp是一款快速的、轻量级的Web服务器。

Harp serves Jade，Markdown，EJS，CoffeeScript, Sass, LESS以及Stylus as HTML、CSS & JavaScrip均可轻松配置。 7. Gantt TwprojectTwoproject是一款在线免费的JS开发工具，基于jquery创建而来，拥有强大迷人的特性，包括CSS皮肤样式、资源编辑等。8. MochaMocha是一款功能丰富的Javascript测试框架，可基于node.js及浏览器运行，它使异步测试变得更为简单有趣，支持灵活且准确的输出，捕捉异常现象。

9. Responsive NavResponsive Nav是一款轻量级的插件，帮助你为小屏幕创建连接导航。支持为移动设备创建触摸交互设计以及CSS转换等特性。

Javascript用什么工具

最优秀的当然是Spket了！可以独立用，也可以作为Eclipse插件！支持导入自定义的提示包。IntelliJ IDEA：可以提示js、css；支持非常好。

你可以把它当作写js的编辑器使用就可以了，当作editplus、notepad、notepad++至于调试当然是firebug莫属了。

有好用Javascript的调试工具吗？

1) Drosera 介绍新的除了开源的WebKit Javascript 调试工具。Drosera 是以一个最大类的吃植物的虫子命名的，让你附加和调试任何WebKit 应用而不仅仅是基于Safari。

2) Dragonfly 源视图显示语法高亮的脚本,连同可以设置断点的选项。

一个强大的搜索功能可以让你搜索当前选择的脚本或用文本，正则表达式来加载所有的Javascript文件3) firebug 火狐集成了Firebug提供了一个丰富的web 开发工具，你可以在任何网页编辑、调试和监控的CSS,HTML,和Javascript。4) Debugbar5) Venkman Venkman是Mozilla的Javascript degugger 的代码名称。