HTML5 缓存: cache manifest

---恢复内容开始---

1:MIME TYPE:text/cache-manifest 服务器配置MIME类型2:需要由你创建的:NAME.manifest    创建manifest文件3:给 <html> 标签加 manifest 属性:<html manifest="path/to/NAME.manifest">

------------------------------------------------------------------------
Manifest 文件描述:manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。manifest 文件可分为三个部分:CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
------------------------------------------------------------------------
Manifest 文件包含内容如下:
CACHE MANIFEST

# 直接缓存的文件CACHE:js/common.jsjquery-1.8.3.min.js

# 需要在线联网请求的文件NETWORK:/other/ #这个目录下的文件需要联网 

# 替代方案FALLBACK:/ajax/ ajax.html
------------------------------------------------------------------------
Cache Manifest 存在的问题:
会缓存引用了 manifest 文件的页面
如果需要缓存当前页面部分静态文件的解决方法:可以不在当前页引用manifest文件,通过iframe加载一个页面,iframe加载的页面里引用manifest文件,通过iframe页面缓存静态文件。
通过查看请求头信息:Status Code:304 Not Modified 说明文件被缓存。
<!--不需要缓存的当前页-->
<html>        <head></head>        <body>        <iframe src="haha.html" height="0" frameborder="0" ></iframe>        </body></html>
<!--iframe页面,引用appcache文件-->
<html manifest="demo.appcache"><head></head><body></body></html>
<!--manifest文件-->
CACHE MANIFESTCACHE:jquery-1.8.3.min.js12.txt

---恢复内容结束---

时间: 2024-10-11 18:48:55

HTML5 缓存: cache manifest的相关文章

H5应用程序缓存 - Cache manifest

一.作用 离线浏览 - 根据文件规则把资源缓存在本地,脱机依然能够访问资源,联网会直接使用缓存在本地的文件.优化加载速度,节约服务器资源. 二.适用场景 正如 manifest 英译的名字:离线应用程序缓存,这项功能是设计给会有离线场景的应用来使用,例如:需要离线使用的手机APP/H5,亦或是PC端的纯静态页面. 三.问题 1.服务器资源更新后显示滞后需要多刷新一次页面 首次在载入页面时,浏览器会判断是否引入了 manifest,若检测到引入,则下载并按文件规则缓存资源. 再次载入页面时,便会根

html5离线储存,application cache,manifest使用体验

最近在APP里新增一个论坛模块,为了快速地完成,决定将整个论坛模块做成WEB APP,WEB APP最致命的就是用户体验问题,页面跳转和过多的请求,大大影响了加载速度和用户体验,这时候我想到了HTML5的离线储存. 经过简单的了解之后,觉得这个可以有,但很快我又就发现,HTML5离线储存并不适于这次的项目. 原因如下: 1. 一旦页面指定了manifest,那么这个页面就一定被储存下来.如果有一个动态页面,不想缓存页面的内容,只想缓存页面所引用的css,js,img,但抱歉,这个没有办法做到.我

转 html5离线储存,application cache,manifest使用体验

html5离线应用application cache 最近在APP里新增一个论坛模块,为了快速地完成,决定将整个论坛模块做成WEB APP,WEB APP最致命的就是用户体验问题,页面跳转和过多的请求,大大影响了加载速度和用户体验,这时候我想到了HTML5的离线储存. 经过简单的了解之后,觉得这个可以有,但很快我又就发现,HTML5离线储存并不适于这次的项目. 原因如下: 1.  一旦页面指定了manifest,那么这个页面就一定被储存下来.如果有一个动态页面,不想缓存页面的内容,只想缓存页面所

Android webView 缓存 Cache + HTML5离线功能 解决

时间 2013-06-11 21:06:14 CSDN博客 原文 http://blog.csdn.net/moubenmao/article/details/9076917 主题 Android HTML5 WebView的缓存可以分为页面缓存和数据缓存. 页面缓存是指加载一个网页时的html.JS.CSS等页面或者资源数据.这些缓存资源是由于浏览器的行为而产生,开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到这些缓存数据. 他们的索引存放在/data/data/package

使用HTML5开发离线应用 - cache manifest(4)

回页首 在线状态检测 如果 Web 应用程序仅仅是一些静态页面的组合,那么通过 cache manifest 缓存资源文件以后,就可以支持离线访问了.但是随着互联网的发展,特别是 Web2.0 概念流行以来,用户的提交的数据渐渐成为互联网的主流.那么在开发支持离线的 Web 应用时,就不能仅仅满足于静态页面的展现,还必需考虑如何让用户在离线状态下也可以操作数据.离线状态时,把数据存储在本地:在线以后,再把数据同步到服务器上.为了做到这一点,开发者首先必须知道浏览器是否在线.HTML5 提供了两种

使用HTML5开发离线应用 - cache manifest(1)

HTML5 是目前正在讨论的新一代 HTML 标准,它代表了现在 Web 领域的最新发展方向.在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证.视频音频标签.网页元素的拖拽.离线存储和工作线程等功能. 其中一个新特性就是对离线应用开发的支持. 在开发支持离线的 Web 应用程序时,开发者通常需要使用以下三个方面的功能: 离线资源缓存:需要一种方式来指明应用程序离线工作时所需的资源文件.这样,浏览器才能在在线状态时,把这些文件缓存到本地. 此后,当用户离线访问应用程序时,这些

使用HTML5开发离线应用 - cache manifest(5)

回页首 离线应用示例 最后,通过一个例子来说明使用 HTML5 开发离线应用的基本方法.这个例子会用到前面提到的离线资源缓存.在线状态检测和 DOM Storage 等功能.假设我们开发一个便签管理的 Web 应用程序,用户可以在其中添加和删除便签.它支持离线功能,允许用户在离线状态下添加.删除便签,并且当在线以后能够同步到服务器上. 应用程序页面 这个程序的界面很简单,如图 1 所示.用户点击“New Note”按钮可以在弹出框中创建新的便签,双击某便签就表示删除它. 图 1. 应用程序页面

HTML 5缓存机制:Cache Manifest配置实例

Cache Manifest是HTML 5的一种缓存机制,文章作者直接用博客当测试环境,虽然[color=#444444 !important]应用起来非常简单,但效果却出奇的好.缓存后的速度,简直是惊人的快.像Yslow显示,打开一个缓存过的页面,只要0.729秒,比不缓存的差不多快了10倍. 一.Cache Manifest基础知识 作为一个Web开发相关的人员,都不会少听到.看到Cache这个词.是的,上面也已经说了,它是一种缓存的机制.它可以通过一个.manifest文件来配置需要缓存的

HTML5缓存manifest文件详解

HTML5引入了应用程序缓存(Application Cache),通过创建manifest文件可以轻松地创建Web应用的离线版本,使Web应用可以在没有网络的时候任然可以访问.manifest文件主要定义需要缓存的文件,支持manifest的浏览器将按照manifest文件的规则把文件保存在本地,这样在没有网络的时候就可以从本地读取缓存文件.下面PHP程序员雷雪松详细的讲解下HTML5缓存manifest文件. 1.Manifest的优点a.离线浏览 – 用户可在应用离线时使用它们b.速度 –