成都网站建设设计

将想法与焦点和您一起共享

html5桌面,HTML5桌面应用程序开发

html5怎样生成桌面图标

HTML5是没有这个功能的,可以使用浏览器的内置发送到桌面图标功能,以下以UC为例:

公司主营业务:做网站、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出博望免费做网站回馈大家。

1、进入UC浏览器首页后,点击所示的图标

2、会看到【书签/历史】点击它

3、进入书签后,随后长按几秒你想发送到手机桌面的书签网址

4、接着会弹出后台打开、删除书签、编辑书签、加入导航、发送至桌面五个操作按钮,点击【发送至桌面】出现添加桌面书签,点击【确定】

5、发送桌面成功,退出后就可以看到书签在手机桌面上。随时想看就看,很方便的哦

HTML5怎么在手机里面创建桌面快捷方式

最新版的HTML,即HTML5,已经在软件和信息产业界产生了巨大的影响。当我们说:“HTML5”,我们指的其实是HTML / CSS /

JavaScript的“综合体”。在Mozilla,我们经常提及“Web Run-Time”或WebRT。Mozilla应用的探讨(包括Web

Runtime)都被被记录在这里。

怀疑论者喜欢说:“HTML5还没有准备好”。就在这个星期,我看到的一篇文章,宣称HTML5要“准备就绪”还要再过10年。我想问:“准备什

么?”,当然目前还有许多API仍在发展,但大多情况下,HTML5就是现在进行时。基本上发展到目前,已经准备在不久的将来提供给一般人使用。

最近Mozilla的Web Apps的安装体验已经引入到火狐每晚版通道。(阅读更多关于Firefox版本发布通道的信息)

此功能可以让我们把HTML5应用安置在Windows或Mac本地上(Linux和Android在未来也能得到支持),获得像桌面应用类似的体验。

Mozilla用伟大的方式来做到这一点,Mozilla市场可以简洁的列出你的应用。市场将很快就会向公众开放,开发人员可以提交他们的应用提交到市场这个生态系统上。想要提交应用,你仅需要申请一个BrowserID。

一个HTML5应用,需要包括Mozilla Web Runtime运行环境和一个manifest文件。

该manifest文件其实是一个简单的JSON文件,声明了App的某些数据。

这里是一个App的manifest文件示例。你可以在这里阅读更多有关Mozilla App manifest信息。

{ "version": "1.0", "name": "KO Round Timer",

"description": "A Workout Timer for Fighting Athletes!", "icons": {

"128": "/images/icon-128.png" }, "developer": {

"name": "Joe Stagner", "url": ""

}, "installs_allowed_from": [

"", ""

], "default_locale": "en" }

JSON不需要CRLFs格式化。上面JSON的格式只是为简化显示,以便阅读。

注意:第12行以上指定了App的安装信息。

Mozilla Web

Runtime包括一个应用程序对象(winbow.navigator.mozApps)——mozApps的对象(目前在Windows和Mac平台

上的每夜版Firefox中实现),有一个方法来安装应用程序。我们来看看,在一分钟内使用该API写出代码。

如果你想让你的应用通过Mozilla市场安装,你不需要写任何安装代码。当你在市场提交应用时,市场会为你的应用创建一个列表页面,该页面包括会一个安装按钮。

如何用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技术的桌面环境

其实深度桌面环境可以看为是一个已经缓存好的离线网页,后端由C更改为GO,后端为Python,同时使用dbus通讯,后端使用C语言.0,前端使用HTML5技术来实现。

但是深度特色的软件并没有使用HTML5,也就是说.0前端依然使用HTML5技术来实现。目前我们已经开始用QML替换Deepin UI。现在深度桌面环境2。

前面说的HTML5作为前端深度桌面环境是世界上第一款基于html5技术打造的桌面环境

深度桌面环境1,我们使用Deepin UI(基于Gtk2)做前端,然后GO替换Python

如何利用HTML5打造桌面应用

目前,使用HTML5和heX可以将网页程序打包为桌面级应用,可以参考以下网址,


分享标题:html5桌面,HTML5桌面应用程序开发
网址分享:http://chengdu.cdxwcx.cn/article/dschchs.html