最佳HTML5应用开发工具推荐

以你之姓@ 2022-08-27 03:23 180阅读 0赞

来自：http://www.html5cn.org/article-6189-1.html

[HTML5][]自诞生以来，作为新一代的Web标准，越来越受开发人员及设计师的欢迎。其强大的兼容性，一次开发，到处使用，大大减少了跨平台开发人员的数量及成本。特别是在如今日新月异的移动时代，除了iOS、Android两大平台，还有Windows Phone、Blackberry、Bada等多个竞争，恰恰给了HTML5展现才能的机会。本文就搜集了十款HTML5工具，希望能对大家的开发工作有所帮助。

[![535f46fa5eac8_middle.jpg_52698][] ][535f46fa5eac8_middle.jpg_52698 1]

1. [Animatron][]

Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。

[![535da57a2674c_middle.jpg][] ][535da57a2674c_middle.jpg 1]

主要特性：

*  使用直观的Animatron编辑器去设计和发布可以到处播放的\*\*和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。
 *  将工作保存至云端，无论何时何地都可对它们进行访问。
 *  分享工作更简单，发布一个链接或者将嵌入代码粘贴到一个网站上，轻松邀请他人共同完成。

2. [Lungo][]

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。

[![535db21d622a5_middle.jpg][] ][535db21d622a5_middle.jpg 1]

主要特性：

*  优化：Lungo支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。
 *  强大的JavaScript API：开发应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的应用程序。
 *  真正的跨设备：为每一个平台构建应用是一件很困难的事情，特别是各种新设备的到来更是加深了这一状况。Lungo将会完全适应它们，创建一个独特而又震撼的用户体验。

3. [DevExtreme][]

DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。

[![535dc023590e5_middle.jpg][] ][535dc023590e5_middle.jpg 1]

主要特性：

*  移动设备开发简化：创建高反应度的应用，满足了不断变化的企业以及BYOD世界的需求。使用HTML、CSS3和JavaScript，从而实现了外观，感觉和行为如原生应用程序一样的业务解决方案，不需要学习其他更多的语言或框架。
 *  美丽而又身临其境的数据可视化：DevExtreme为智能手机和平板电脑封装了易于使用的HTML JavaScript应用程序，包含超过30种触摸优化的本地UI小工具，可用于任何应用程序的单个页面。
 *  无处不在的原生用户体验：以为iOS、Android、Windows Phone和Tizen打造原生视觉感受，无需额外的编码或UI制定。

4. [RazorFlow][]

RazorFlow是用于快速，方便地创建能够在所有主流的移动设备和浏览器的响应式HTML5仪表板。

[![535dea07a4472_middle.jpg][]][535dea07a4472_middle.jpg 1]

主要特性：

*  在设备间无缝工作：呈现在HTML5上，在任何现代的智能手机、平板电脑或桌面浏览器上都可运行的很好。它们自动适应目标设备，并且优化触屏及高分辨率显示器。
 *  适用于任何后端和数据库。
 *  服务器端包装，易于集成：让你无需编写JavaScript代码就可构建交互式的仪表板。

5. [Literally Canvas][]

Literally Canvas是一个可扩展、开源的HTML5画图组件。你可以绘制、擦除、设置颜色选择器、撤销、重做、平移和缩放。在移动设备上可成功运行。很容易获得数据URL上传到一个网站，如Imgur或加载/保存用户的图纸。

[![535df8452333d_middle.jpg][]][535df8452333d_middle.jpg 1]

主要特性：

*  速度快，看上去不错：Literally Canvas对处理复杂绘图进行了优化，其自然平滑的线条避免了在简单绘图程序经常看到的很难看的线条角度。
 *  这是一个部件，而不是一个应用。
 *  可扩展。
 *  开源。

[HTML5]: http://www.html5cn.org/
[535f46fa5eac8_middle.jpg_52698]: http://cms.csdnimg.cn/article/201404/29/535f46fa5eac8_middle.jpg?_=52698
[535f46fa5eac8_middle.jpg_52698 1]: http://cms.csdnimg.cn/article/201404/29/535f46fa5eac8.jpg
[Animatron]: http://animatron.com/
[535da57a2674c_middle.jpg]: http://cms.csdnimg.cn/article/201404/28/535da57a2674c_middle.jpg
[535da57a2674c_middle.jpg 1]: http://cms.csdnimg.cn/article/201404/28/535da57a2674c.jpg
[Lungo]: http://lungo.tapquo.com/
[535db21d622a5_middle.jpg]: http://cms.csdnimg.cn/article/201404/28/535db21d622a5_middle.jpg
[535db21d622a5_middle.jpg 1]: http://cms.csdnimg.cn/article/201404/28/535db21d622a5.jpg
[DevExtreme]: https://www.devexpress.com/Products/HTML-JS/
[535dc023590e5_middle.jpg]: http://cms.csdnimg.cn/article/201404/28/535dc023590e5_middle.jpg
[535dc023590e5_middle.jpg 1]: http://cms.csdnimg.cn/article/201404/28/535dc023590e5.jpg
[RazorFlow]: http://razorflow.com/
[535dea07a4472_middle.jpg]: http://cms.csdnimg.cn/article/201404/28/535dea07a4472_middle.jpg
[535dea07a4472_middle.jpg 1]: http://cms.csdnimg.cn/article/201404/28/535dea07a4472.jpg
[Literally Canvas]: http://literallycanvas.com/
[535df8452333d_middle.jpg]: http://cms.csdnimg.cn/article/201404/28/535df8452333d_middle.jpg
[535df8452333d_middle.jpg 1]: http://cms.csdnimg.cn/article/201404/28/535df8452333d.jpg