HTML 5开发工具有哪些?

如今,HTML5发展飞速,被看做是web开发者创建流行web应用的利器。用HTML5开发的优势主要是这个技术可以进行跨平台进行使用。例如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因。而且随着各大浏览器对HTML5技术支持的不断完善以及 HTML5技术的不断成熟,未来 HTML5必将改变我们创建Web应用程序的方式。下面就向大家推荐多款优秀的HTML5开发工具,帮助你更高效的编写HTML5应用。

12款程序员必备的HTML 5开发工具

  • 01

    1. Adobe Dreamweaver CS6 Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

  • 02

    2. Adobe Edge Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

  • 03

    3. DevExtreme DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS,Android,Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。

  • 04

    4. JetBrains WebStorm WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

  • 05

    5. Sencha Architect 在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。

  • 06

    6、Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。

  • 07

    7、HTML5demos 想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

  • 08

    8、HTML5 Tracker 想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。

  • 09

    9、HTML5 visual cheat sheet 想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。

  • 10

    10、Switch To HTML5 Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。

  • 11

    11、HTML5 Test 你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

  • 12

    12、Lime JS LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。

(0)

相关推荐

  • Office2013启用调出开发工具方法

    熟悉office2007的朋友,都知道在excel2007选项的常用工具中,可以启用"开发工具"选项卡,而在office2010以后都不excel选项的常用工具里面启用"开发工具"选项卡,那么会在哪里 ...

  • PowerPoint如何将开发工具选项卡添加到菜单栏中

    步骤1:打开PowerPoint2007,发现菜单栏并没有开发工具这个标签。 步骤2:单击快速启动工具栏按钮,选择其他命令。 步骤3:然后切换到常用选项卡。 步骤4:勾选在功能区显示开发工具选项卡。 ...

  • 在Office2010中如何设置开启"开发工具"功能选项卡

    Office2010中有着大量的指令及其它加载项功能,都藏在了“开发工具”中,还有我们最常用的“宏”功能也在其中。但是在默认情况下Office2010将会隐藏“开发工具”选项卡功能。那么我们如何才能将 ...

  • Windows 8 应用框架理解及开发工具使用实例教程

    Windows 操作系统之所以风靡世界,是因为其“易学易用”,从用户的角度出发,让数以万计的非IT人员使用计算机实现娱乐,工作等目的。Windows 8继承Windows桌面的优点,同时提供一种新的用 ...

  • 怎样在Word2010文档窗口显示"开发工具"选项卡

    第1步,打开Word2010文档窗口,依次单击“文件”→“选项”按钮,如图1所示。 图1 单击“选项”按钮 第2步,在打开的“Word选项”对话框中切换到“自定义功能区”选项卡,在“自定义功能区”区域 ...

  • 在Word2010文档窗口显示"开发工具"选项卡

    第1步,打开Word2010文档窗口,依次单击“文件”→“选项”按钮,如图1所示。 图1 单击“选项”按钮 第2步,在打开的“Word选项”对话框中切换到“自定义功能区”选项卡,在“自定义功能区”区域 ...

  • 5个前端工程师必备的最佳开发工具

    原文作者 Arnaud Breton 为前端工程师,特别专注于前端和使用者经验,这篇文章出自于mention blog。以下内容由作者以第一人称撰写。 过去几年一直不断地提到 Web 应用新世代的成长 ...

  • 8款替代DREAMWEAVER的免费开源网页开发工具

    Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀We ...

  • 8款方便快捷的的CSS开发工具

    当你开发一个网站或Web应用程序的时候,有合适的工具,绝对可以帮助您节省大量的时间。在这篇文章中,我为大家收集了超有用的 CSS 开发工具。 对于 Web 开发人员来说,找到有用的CSS 开发工具,就 ...

  • Excel 2007开发工具选项卡显示设置图解教程

    本文介绍excel 2007开发工具选项卡和excel 2010开发工具选项卡的调用显示设置操作. Q:excel 2007开发工具选项卡如何调用显示出来? A:我们安装excel 2007版本,默认 ...