【离线web-ApplicationCache】的更多相关文章

HTML5离线Web应用实战：五步创建成功

[IT168 技术]HTML5近十年来发展得如火如荼,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化.HTML功能越来越丰富,支持图片上传拖拽.支持localstorage.支持web sql database.支持文件存储api等等.它任重而道远,致力于将Web带入一个更为成熟的应用平台.在所有炫酷特性中,最让我喜欢的是它具有离线缓存Web应用的功能. 开发离线Web 应用程序:三大核心功能 在开发支持离线的 Web 应用程序时,开发者通常需要使用以下三个方面的功能:…

HTML5应用程序缓存实现离线Web网页或应用

HTML5应用程序缓存和浏览器缓存的区别.(有些)浏览器会主动保存自己的缓存文件以加快网站加载速度.但是要实现浏览器缓存必须要满足一个前提,那就是网络必须要保持连接.如果网络没有连接,即使浏览器启用了对一个站点的缓存,依然无法打开这个站点.只会收到一条错误信息.而使用离线web应用,我们可以主动告诉浏览器应该从网站服务器中获取或缓存哪些文件,并且在网络离线状态下依然能够访问这个网站. 如何实现HTML5应用程序缓存.实现HTML5应用程序缓存非常简单,只需三步,并且不需要任何API.只需要告诉浏…

web离线应用--applicationCache

applicationCache是html5新增的一个离线应用功能 离线浏览: 用户可以在离线状态下浏览网站内容. 更快的速度: 因为数据被存储在本地,所以速度会更快. 减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源. 在对应用进行缓存的时候需要一个manifest文件, cache manifest 格式如下 首行必须是CACHE MANIFEST 接下来可以分为三段: CACHE, NETWORK,与 FALLBACK CACHE: 这是缓存文件中记录所属的默认段落.在 CACH…

文档通信(跨域-不跨域)、时时通信(websocket)、离线存储(applicationCache)、开启多线程(web worker)

一.文档间的通信 postMessage对象 //不跨域 1.iframe:obj.contentWindow [iframe中的window对象] iframe拿到父级页面的window: parent(上一层window) top(最顶层window) 2.window.open() 返回值是新窗口的window对象 拿到父级window : window.opener //跨域 3. 目标域的window.postMessage("xxx","目标域"); 目…

原生js--应用程序存储和离线web应用

1.应用程序缓存和其它存储方式的区别: a.不像localStorage和sessionStorage那样只存储web应用程序的数据,它将应用程序自身存储起来. b.不像浏览器缓存一样会过期或者被用户手动清除,除非用户“卸载”它们 c.离线状态下使用localStorage存储相关的数据,当再次进入在线状态时,能够将存储的数据传输到服务器 2.应用程序缓存清单 使用方法: a.想要将应用程序“安装”到应用程序缓存中,首先创建一个清单:包括所有应用程序所依赖的URL列表 b.在主HTML页面的<h…

[HTML5]构建离线web应用程序

1.检查浏览器是否支持缓存 if(window.applicationCache){ //TODO } 2.在html中加入manifest特性 <html manifest="application.manifest"> </html> 3.添加缓存清单文件 CACHE MENIFEST a.html b.js c.css d.jpeg //...... 4.判断浏览器是否在线 window.addEventListener('online',function…

HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息.   但是cookie有下面几个问题: a:大小:cookies的大小被限制在4KB b:带宽:cookies随HTTP事务一起被发送,因此会浪费一部分发送的cookies时使用的带宽. c:复杂性:要正确的操纵cookies是很困难的.   Web Storage分为两种: <1>sessionStorag…

Html5离线应用程序

最近,整理了一下关于 H5离线应用缓存的知识,今天在家休息,和大家分享一下,希望对大的学习和工作,能有所帮助. HTML5的离线web应用允许我们在脱机时与网站进行交互.这在提高网站的访问速度和制作一款web离线应用上(如HTML5游戏)有一定的用处. 一.什么是离线Web应程序?为什么要开发离线的Web应用程序? 离线web应用程序是指:当客户端本地与web应用程序的服务器没有建立连接时,也能正常在客户端本地使用该web应用程序进行有关操作. Web应用程序已经变的越来越复杂,很多领域都在利用…

HTML5实际和离线应用分析

当前离线Web申请书,即,该装置不能访问因特网时的应用的执行.HTML5离线应用重点,主要开发人员希望.步骤离线应用开发有:首先我们应该知道设备是否可以连接;然后,它也应该可以访问某些资源(像.CSS.JavaScript等).仅仅有这样才干正常工作. 离线检測 想要开发离线Web应用第一步就得知道用户的设备的上网情况.HTML5为此定义了一个navigator.onLine属性,这个属性值为true的时候表示设备可以上网,表示false的时候表示设备不能上网. 这个属性的关键在于浏览器必须知道…

HTML5离线应用与客户端存储

序言 本篇文章会详细介绍使用HTML5开发离线应用的步骤,以及本地存储与cookie的一些异同,最后利用上面所学例子来实现一个购物车场景. 使用HTML5离线存储的基本过程如下: 离线检测:首先要对设备进行离线状态检测,根据设备在线或者离线判断接下来的操作: 离线缓存:将需要被缓存的资源写在一个描述文件(cache manifest)里,当设备在线时进行缓存,以便用户在离线时可以正常使用: 本地存储:离线时,把必要的数据存储到本地,当设备上线时将数据存储到服务器上. 下面就从这三个方面展开进行介…