些许前提 最近在制作一个Web应用, 其中用到了HTML5的离线应用功能(offline application), 离线应用的概念就不再阐述, 可以查看这两篇文章: http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/ http...
分类:
Web程序 时间:
2015-12-20 22:12:43
阅读次数:
226
离线网络应用程序的思想其实要早于HTML5,部分实施也要早些。也就是说,HTML5有办法实现离线,但也有其他办法。我将稍后在本章谈谈其中一个办法:Gears。这些早期使用者中的一部分已经换成了HTML5,并且其他的也正在切换中。? Gmail,Google基于网络的邮箱? Zoho,在线生产力及合作...
分类:
其他好文 时间:
2015-12-20 20:55:42
阅读次数:
153
离线应用,就是在离线时能够把数据存储到本地,在线时同步到服务器上。HTML5提供了程序缓存和本地存储两种机制来实现, 可以用cache manifest和indexedDB来搜索相关内容。各个浏览器对此支持都不太一样,本文尝试出一种可行的方案。一个离线网络应用程序就是一个URL的列表——HTML,C...
分类:
其他好文 时间:
2015-12-20 20:50:34
阅读次数:
127
什么是离线网络应用程序?乍一看,从以下几个方面来说就像一个矛盾。网页是需下载并呈现的。下载意味着网络连接。你怎能在离线的时候下载?当然,你不能。但你可以在你在线的时候下载。这就是HTML5离线应用程序怎样工作的。 最简单来说,一个离线网络应用程序就是一个URL的列表——HTML,CSS,JavaS....
分类:
Web程序 时间:
2015-12-20 19:02:48
阅读次数:
325
清单 1. Clock 应用代码 Clock The time is: /* clock.css */ output { font: 2em sans-serif; } /* clock.js */ setTimeout(func...
分类:
Web程序 时间:
2015-12-20 17:25:50
阅读次数:
114
回页首在线状态检测如果 Web 应用程序仅仅是一些静态页面的组合,那么通过 cache manifest 缓存资源文件以后,就可以支持离线访问了。但是随着互联网的发展,特别是 Web2.0 概念流行以来,用户的提交的数据渐渐成为互联网的主流。那么在开发支持离线的 Web 应用时,就不能仅仅满足于静态...
分类:
Web程序 时间:
2015-12-20 17:16:52
阅读次数:
137
回页首离线应用示例最后,通过一个例子来说明使用 HTML5 开发离线应用的基本方法。这个例子会用到前面提到的离线资源缓存、在线状态检测和 DOM Storage 等功能。假设我们开发一个便签管理的 Web 应用程序,用户可以在其中添加和删除便签。它支持离线功能,允许用户在离线状态下添加、删除便签,并...
分类:
Web程序 时间:
2015-12-20 17:14:55
阅读次数:
161
HTML5 是目前正在讨论的新一代 HTML 标准,它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时,...
分类:
Web程序 时间:
2015-12-20 17:13:48
阅读次数:
145
一、离线检测 开发离线应用的第一个步骤是确定设备是在线还是离线,为此HTML5设置了一个navigator.onLine属性来表明浏览器是否可以上网。这个属性为true表示设备可以上网,值为false表示设备离线。if(navigator.online){//online}else{//offli....
分类:
编程语言 时间:
2015-12-07 16:00:16
阅读次数:
238
1、声明方法简化,doctype、meta2、有些元素可以省略标记,body、tbody。。。3、新增语义化标签,...4、新增了表单的input输入类型、input属性、form元素、form属性5、canvas画布6、视频音频7、web存储8、离线应用9、多线程10、地理位置11、历史管理
分类:
Web程序 时间:
2015-11-12 18:12:40
阅读次数:
219