html5常用的开发工具是哪些？

第一、【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。

第二、还有一种是【JetBrains WebStorm】工具，需要创建HTML文档时可获得对【HTML5】文件的支持，现在的运用很多，比如砍伐者键入，使用者可以在【chrome】浏览器中及时的预览【HTML】的文档很方便。

第三、微软的【Visual Studio 2010 SP1】中提供了IntelliSense这个项目，也就是说追加了针对【HTML5】的一些元素，总体使用起来还是比较好的，但是我们要结合【ddhu】的一些实用工具。

第四、【Dojo Foundation Maqetta】是一个不错的选择，这款是工具是来自于【IBM】项目之一，【Dojo Foundation Maqetta】是为桌面和移动设备开发HTML5应用的开源工具，浏览器即可使用。

第五、当然还有【Sencha Touch2】是移动应用框架的一种，可以当做一个重要【Sencha】的HTML5平台，使用者可以用它开发面向【iOS】进行制作和使用，也可以【Android】和【Blackberry、Kindle Fire】使用。

第六、现在我们继续介绍【Sencha】，这款工具的主要定位是【HTML5】的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署。

第七、我们来介绍一下【Adobe ColdFusion 】，这款工具主要是用来开发企业【Web】程序的一个技术，通过【Websockets】和互动表单以及视频等来做出【HTML5】技术，创建一种用户体验。

第八、最后【Adobe Dreamweaver CS6】作为一个【Web】端口的一种设计软件，这款工具提供了对【HTML】网站和移动程序的可视化编辑界面，整体来说使用也是比较的方便。

一般来说，html5的功能展示是依赖于浏览器的。浏览器提供了多少可调用的接口，使用html5就可以实现多少功能。但是浏览器一般不会实现html5完全访问或控制本地资源的权限，所以实现的功能还是有限的。\x0d\x0a 不过目前也有许多通过html5+css+js甚至结合其他语言实现的桌面程序。例如目前可以采用的方案举几个例子：\x0d\x0a1、Node-WebKit\x0d\x0a1.1 Node-WebKit能把HTML5应用打包成本地桌面应用，在Windows、Linux或Mac平台上，不需要其它依赖就可以独立运行你的HTML5应用。\x0d\x0a1.2支持Node.js。可以使用Node.js的所有模块来开发app或游戏。不仅可以使用Node.js原生的模块，而且可以使用第三方的node.js模块。\x0d\x0a2、heX 是网易有道团队的一个开源项目，允许采用前端技术（HTML，CSS，JavaScript）开发桌面应用软件的跨平台解决方案。这个项目目前处于停滞状态。\x0d\x0a3、自己开发一下基于浏览器框架的应用。例如基于谷歌浏览器核心，前端使用浏览器渲染功能结合html5+css+js,后端使用c++开发。

　如何使用Node-Webkit开发HTML5本地桌面应用

这非常简单，像传统的开发你的HTML5应用一样开发它们，完成之后用Node-Webkit打包它。打包的方法是

先下载Node-Webkit

然后创建一个包文件命名为package.json,

写入下面的代码：

{

"name":

"nw-demo",

"main":

"index.html"

}

这里的“name”是你应用的名称，“main”是你的应用的启动文件，也就是应用启动是第一加载的文件。

将你的HTML5应用文件和package.json一起打包成zip

重命名zip文件，将其后缀变成

.nw

，比如app.nw

现在你就可以用node-webkit

runtime来运行你的app了在Linux上的运行命令是

./nw

app.nw

在Windows平台上你可以直接把你的app.nw拖拽到

nw.exe

程序上就行了。

想让你的应用更容易传播和发布，可以将它和node-webkit封装到一起，也就是将你的HTML5应用

app.nw

和

nw.exe

合成一个可执行文件。在Linux上的做法是

cat

/usr/bin/nw

app.nw

>

app

&&

chmod

+x

app

在Window上的做法是

copy

/b

nw.exe+app.nw

app.exe

---