html5是什么技术(html5有什么用)

  【 深圳云和www.iyunhe.com 】 咨询热线:0755-2100-7865 【网页点不开请直接来电咨询】

  HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势,同时在智能手机和平板中也是开发利器。

  在手机端,有一个非常棒的工具叫做PhoneGap,使用这个快速开发平台,任何人都可以使用HTML5+CSS3+Javascr1pt开发出安卓,iOS等应用。PhoneGap的最好的一个特点是,你并不需要联网,不需要连接web服务器,你可以从把它当成本地桌面应用。一旦下载到本地,它和本地原生应用一样可以离线使用。

  通常我们会感觉网上有很多有趣的HTML应用,但这些应用非要你打开浏览器,输入网址。其实我们更喜欢直接点击桌面的一个图标就启动一个程序的这种体验。用HTML5+js开发的本地桌面应用就是要提高给用户这种体验,除了上面说的PhoneGap,还有一些像Pokki和Chrome Package Apps或Mozilla XUL Runner都是开发HTML5本地桌面应用的框架。

  Pokki和Chrome不仅可以用来开发HTML5桌面应用,而且可以把这些应用放到交易市场中出售。

  另外一个有趣的工具是Node-Webkit,本文下面内容主要讨论的将是它。

  Node-Webkit是一个基于Chromium和Node.js运行平台。它能让你把HTML5应用打包成本地桌面应用或游戏安装到Windows、Linux或Mac系统中。Node-Webkit项目是由英特尔开源技术中心开发,发起人是王文睿。

  为什么Node-WebKit是开发HTML5本地桌面应用的最佳选择

  1.Node-WebKit能把你的HTML5应用打包成本地桌面应用,在Windows、Linux或Mac平台上,你不需要其它依赖就可以独立运行你的HTML5应用。

  2.它支持Node.js。你可以使用Node.js的所有模块来开发你喜欢的app或游戏。不仅你可以使用Node.js原生的模块,而且可以使用第三方的node.js模块。

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

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

  1.先下载Node-Webkit

  2.然后创建一个包文件命名为package.json, 写入下面的代码:

  {

  "name": "nw-demo",

  "main": "index.html"}

  3.

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

  4.

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

  6.重命名zip文件,将其后缀变成 .nw ,比如app.nw

html5是什么技术(html5有什么用),html5是什么技术(html5有什么用),html5是什么技术,第1张

  7.现在你就可以用node-webkit runtime来运行你的app了在Linux上的运行命令是

  ./nw app.nw

  8.

  在Windows平台上你可以直接把你的app.nw拖拽到 nw.exe 程序上就行了。

  9.

  10.想让你的应用更容易传播和发布,可以将它和node-webkit封装到一起,也就是将你的HTML5应用 app.nw 和 nw.exe 合成一个可执行文件。在Linux上的做法是

  cat /usr/bin/nw app.nw > app && chmod +x app

  11.

  在Window上的做法是

  12.

  copy /b nw.exe+app.nw app.exe

  加QQ:157-7852-261

  微信搜索公众号加关注:深圳云和(iyunhedata)|惊喜不断

  咨询电话:0755-2100-7865

  地址:深圳市龙华新区龙华街道办创业路汇海广场B23(03-08)

  在线价格查询:深圳云和培训价格查询(www.iyunhe.com/seosite/)

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » html5是什么技术(html5有什么用)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论