html5 用什么开发工具

一、Adobe Edge

目前，Adobe Edge仍处于预览阶段，它是一款用于使用HTML5、CSS和JavaScript开发动态互动内容的设计工具。其开发的内容能够同时兼容移动设备和桌面电脑。Edge具备一个重要功能——Web工具包界面，该界面有助于确保页面在不同浏览器中的架构保持一致。此外，Edge还将整合TypeKit这类字体服务。

在Edge中，动画和图形可以添加到HTML元素里，程序能够通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，并且能够实现互动功能。其代码具备可复用性，可通过API和代码片段进行控制。通过Edge设计的内容可兼容iOS和Android设备，也能在火狐、Chrome、Safari和IE9等主流浏览器上运行。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6是一款Web设计软件，它为HTML网站和移动程序提供了可视化编辑界面。其Fluid Grid排版系统整合了CSS样式表功能，可提供自适应版面的跨平台兼容性，这使得开发者能够完全以可视化操作的方式进行Web设计，无需为代码编写而困扰。

用户不仅能在Live View中进行预览，该软件还提供了多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。其中，Live View借助WebKit渲染引擎来支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用于开发企业Web程序的服务器端技术，它通过Websockets、互动表单、视频和地理标签等HTML5技术，为用户创建富媒体体验。

四、Sencha Architect 2

在开发移动和桌面应用的工具领域，Sencha Architect 2定位于HTML5可视化应用开发。开发团队可在一个单一集成的环境中完成应用的设计、开发和部署。开发者还能使用该工具开发Sencha Touch2和Ext JS4 JavaScript应用，并且可以实时预览应用效果。

五、Sencha Touch 2

Sencha Touch2是一个移动应用框架，也可视为Sencha的HTML5平台。开发者可以利用它开发面向iOS、Android、Blackberry、Kindle Fire等多种平台的移动应用。

六、Dojo Foundation Maqetta

Dojo Foundation Maqetta源自IBM的一个项目，它是一款为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师能够通过拖放操作来组装UI样板。

七、微软Visual Studio 2010 Service Pack 1

起初，微软Visual Studio 2010并不支持HTML5，但在2011年3月发布的Visual Studio 2010 SP1中，提供了IntelliSense功能，并追加了针对HTML5的一些元素支持。

八、JetBrains WebStorm 4.0

WebStorm 4.0是一款拥有HTML编辑器的JavaScript集成开发环境，它为开发Web应用提供了HTML5样板。开发者在创建HTML文档时可获得对HTML5文件的支持。此外，开发者还能在Chrome浏览器中实时预览HTML文档。

九、Google Web Toolkit

Google Web Toolkit主要用于开发浏览器应用，其库中支持众多HTML5功能，包括对客户端或Web存储的支持。其他HTML5功能还涵盖对Canvas可视化的支持，以及音频和视频widget。