第一、【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】网站和移动程序的可视化编辑界面,整体来说使用也是比较的方便。
如何使用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