如何用HTML5开发桌面应用

　如何使用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

可不可以用html5做桌面应用程序

可以用html5做桌面应用程序。

HTML5开发完成之后用Node-Webkit打包。

基于node.js和chromium的应用程序实时运行环境，可运行通过HTML(5)、CSS(3)、Javascript来编写的本地应用程序。 node.js和webkit的结合体，webkit提供DOM操作，node.js提供本地化操作；且将二者的context完全整合，可在HTML代 码中直接使用node.js的API。

HTML5简介以及发展历程

简介

万维网 的核心语言、 标准通用标记语言 下的一个应用 超文本标记语言 （ HTML ）的第五次重大修改（这是一项推荐标准、外语原文： W3C Recommendation、见本处 参考资料 原文内容：[1]

）。

2014年10月29日， 万维网联盟 宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

发展历程

标准通用标记语言 下的一个应用 HTML 标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本 应用技术工作组 - WHATWG ） 的组织。WHATWG 致力于 Web 表单和应用程序，而 W3C （World Wide Web Consortium， 万维网 联盟） 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。

HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分 现代浏览器 已经具备了某些 HTML5 支持。

2012年12月17日， 万维网联盟 （W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”

2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订 万维网 的核心语言：超文本标记语言（ HTML ）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。

本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的 API 、 Canvas 等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升。

支持Html5的浏览器包括 Firefox （火狐浏览器）， IE9 及其更高版本， Chrome （谷歌浏览器）， Safari ，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或 Chromium （Chrome的工程版或称实验版）所推出的 360浏览器 、 搜狗浏览器 、 QQ浏览器 、 猎豹浏览器 等国产浏览器同样具备支持HTML5的能力。

在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript 引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个 UI 工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的最大优势就是可以在网页上直接 调试 和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。

2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。

在此之前的几年时间里，已经有很多开发者陆续使用了HTML5的部分技术， Firefox 、 Google Chrome 、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。

HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。

W3C CEO Jeff Jaffe博士表示：“HTML5将推动Web进入新的时代。不久以前，Web还只是上网看一些基础文档，而如今，Web是一个极大丰富的平台。我们已经进入一个稳定阶段，每个人都可以按照标准行事，并且可用于所有浏览器。如果我们不能携起手来，就不会有统一的Web。”

HTML5还有望成为梦想中的“开放Web平台”(Open Web Platform)的基石，如能实现可进一步推动更深入的跨平台Web应用。

接下来，W3C将致力于开发用于实时通信、 电子支付 、应用开发等方面的标准规范，还会创建一系列的隐私、安全防护措施。

W3C还曾在2012年透露说，计划在2016年底前发布HTML 5.1。

什么是基于HTML5技术的桌面环境

深度桌面环境是世界上第一款基于html5技术打造的桌面环境

深度桌面环境1.0,前端使用HTML5技术来实现，后端使用C语言。现在深度桌面环境2.0前端依然使用HTML5技术来实现，后端由C更改为GO，同时使用dbus通讯。

但是深度特色的软件并没有使用HTML5，我们使用Deepin UI（基于Gtk2）做前端，后端为Python。目前我们已经开始用QML替换Deepin UI，然后GO替换Python。

前面说的HTML5作为前端，也就是说，其实深度桌面环境可以看为是一个已经缓存好的离线网页。

HTML5是什么？具体是干什么的？

HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。

html5是什么

网上说HTML5就是html的第5个版本，其实这不完全正确，HTML5已经不是单纯的一门标识语言，它是一门综合的技术，除了最基本的html、css、javascript外，还能够提供音频视频、图像动画、本地存储以及各种重要接口，为下一代互联网应用提供了全新平台。应该说有了HTML5，我们就能轻松实现类似桌面的应用(比如各种管理系统、手机app应用等)。

HTML5现在为什么收到很多企业的青睐，最关键的一点是跨平台，所谓的跨平台就是做出来的东西能够适应各种浏览器、各种设备、各种系统(iSO、安卓等)，还能适应不同屏幕大小。对于企业来说，这样就能大大减少人力成本、时间成本等。你知道安卓开发、iOS开发现在为什么需求会有下降?其实，这部分市场被HTML5占领了。试想，一个企业开发一款app，要在安卓和iOS上都能运行，那么就需要两个开发团队，人力成本上去了，后面的维护也变得没那么容易。HTML5的出现解决了企业的难题，所以现在HTML5开发人员的需求依然紧缺。