程序的离线缓存由一个叫做manifest的文本文件控制，把需要离线缓存的文件列在里面即可，这个列表还可以控制需要缓存的情况，甚至当用户从缓存地址进入到没有缓存的地址应该显示什么

当浏览器下载解析了manifest文件之后，就会换取这些资源并且保存起来无网络使用 ，格式如下：

CACHE MANIFEST     //告诉浏览器这是一个manifest文件

# This is a comment

CACHE:             //每一个部分标题使用大写，这里列出需要缓存的资源
/css/screen.css
/css/offline.css
/js/screen.js
/img/logo.png

http://example.com/css/styles.css

FALLBACK:           //这里定义当一个没有网络的用户尝试跳转到没有缓存的地方时该显示什么
/one.html /offline.html

NETWORK:              //这里定义哪些资源只有连接网络时才可用
register.php

login.php
 
cache   是默认的，如果没有写标题的话，浏览器默认列表里的内容是需要缓存的资源，不能使用通配符（如/images/*）。另外当用户从一个没有声明需要缓存的页面进入另一个被缓存的页面，那么刚才进来的页面也会被恰当地缓存，因此可以利用这个特点，不需要把所有页面都列进去
fallback   每行包含两个值，使用空格隔开，当离线用户尝试访问第一个链接时，应该呈现第二个已经缓存了的页面。举例：
/ /offline.html       表示当离线用户访问所有没有缓存的页面都会转向offline，因为/匹配了所有页面
/images/avatars/ /offline_avatar.png    当离线用户访问/images/avatars/图片目录，会替换为offline_avatar.png
network  如果使用*号，表示除了cache里面的资源，其他都要求网络连接


<!DOCTYPE html>

<html lang="en" manifest="/offline.appcache">      //浏览器只会缓存带有manifest属性的页面


 // your html document

</html>


该文件同时需要使用 text/cache-manifest，在服务器提供相应的支持




一旦缓存成功下载，除非用户清除缓存或者更新manifest文件才会更新缓存，只是更新了服务器上的内容不会更新缓存的，如果只是更新了内容例如CSS文件，那么应该修改版本号触发更新。


CACHE MANIFEST

# Version 9

CACHE:

/css/screen.css


 


Browser bug: Firefox caches the manifest file itself and will not update it even if the manifest has changed on the server. With some server config wizardry, you can tell browsers that the cache of the manifest file is instantly invalidated and should be requested from the server every time it’s referenced. Add this to your .htaccess to put Firefox in its place:

<IfModule mod_expires.c>

  ExpiresActive On

  ExpiresByType text/cache-manifest "access plus 0 seconds"

</IfModule>


http://html5doctor.com/go-offline-with-application-cache/




												


											
离线缓存  manifest的更多相关文章
	

    
						
  1. 记离线缓存(manifest)一大坑，断定其只适用于静态网站或离线应用
		
    今天看了离线缓存(manifest)方面的资料,兴冲冲地就想给自己的网站用上.待我把代码都写好部署上服务器,并测试过OK的时候,在SegmentFault刷了一把manifest方面的问答,才发现这个 ...
    
		
    2. 
								
  2. HTML5 离线缓存manifest
		
    1.简介W3C官方对manifest的介绍是HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在 ...
    
		
    3. 
						
  3. HTML5离线缓存Manifest
		
    web app不比PC,有性能和流量方面的考虑,离线应用越来越重要,虽然浏览器有缓存机制,但是时常不靠谱,更何况普通情况下html文件是没法缓存的,断网之后一切over. 什么是manifest? 简 ...
    
		
    4. 
						
  4. HTML5 离线缓存Appcache
		
    创建一个和html同名的manifest文件,比如页面为index.html,那么可以建一个index.manifest的文件,然后给index.html的html标签添加如下属性即可: <ht ...
    
		
    5. 
						
  5. HTML5 manifest离线缓存
		
    一.基本概念 离线缓存是HTML5新引入的技术,能够让你的Web应用程序指定哪些文件可以缓存在本地,使得你的网络断开时依然可以通过本地的缓存来进行访问浏览. 二.使用方法 1. MIME type 声 ...
    
		
    6. 
						
  6. H5离线缓存机制-manifest
		
    简介:Manifest 其实就是web应用的一种缓存机制,主要用于现在webapp应用中,它是浏览器自己的一种机制,随着移动互联网时代的到来,网络可靠性降低,如果我们已经将需要的文件缓存下下来,一旦网 ...
    
		
    7. 
						
  7. html5 manifest 离线缓存知识点
		
    1.最大缓存容量为 5M. 2.manifest文件需要配置正确的MIME-type,即“text/cache-manifest”,这个是在web服务器上进行配置. ②编写.manifest文件,文件 ...
    
		
    8. 
						
  8. HTML5 manifest离线缓存技术
		
    干什么用的? 离线缓存为的是第一次请求后,根据manifest文件进行本地缓存,并且在下一次请求后进行展示(若有缓存的话,无需再次进行请求而是直接调用缓存),最根本的感觉是它使得WEB从online可 ...
    
		
    9. 
						
  9. HTML5离线缓存（Application Cache）
		
    HTML5离线缓存又名Application Cache,是从浏览器的缓存中分出来的一块缓存区,要想在这个缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源.  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SSM之框架整合
			
    前言 SSM框架,即Spring + Spring MVC + MyBatis的整合框架集,是继SSH后比较主流的Java EE企业级框架,采用标准的MVC模式,项目结构与微软的ASP.NET MVC ...
    
			
    2. 
						
  2. Split分割字符串
			
    第一种方法:打开vs.net新建一个控制台项目.然后在Main()方法下输入下面的程序. string s="abcdeabcdeabcde"; string[] sArray=s ...
    
			
    3. 
						
  3. 关于js浮点数计算精度不准确问题的解决办法
			
    今天在计算商品价格的时候再次遇到js浮点数计算出现误差的问题,以前就一直碰到这个问题,都是简单的使用tofixed方法进行处理一下,这对于一个程序员来说是及其不严谨的.因此在网上收集了一些处理浮点数精 ...
    
			
    4. 
						
  4. 使用C语言和Java分别实现冒泡排序和选择排序
			
    经典排序算法--冒泡和选择排序法 Java实现冒泡排序 基本思想是,对相邻的元素进行两两比较,顺序相反则进行交换,这样,每一趟会将最小或最大的元素放到顶端,最终达到完全有序,首先看个动图: 我们要清楚 ...
    
			
    5. 
						
  5. Kia's Calculation   hdu4726
			
    Kia's Calculation Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others ...
    
			
    6. 
						
  6. 2014 Benelux Algorithm Programming Contest (BAPC 14)E
			
    题目链接:https://vjudge.net/contest/187496#problem/E E Excellent Engineers You are working for an agency ...
    
			
    7. 
						
  7. 教你ASP.NET中如何防止注入攻击
			
    你应该在程序中验证所有的不信任输入.你应该假定所有的用户输入都是非法的.用户可以在应用程序中提供表单字段,查询字串,客户端cookies和浏览器环境值比如用户代理字串和IP地址等. 弱输入校验通常为注 ...
    
			
    8. 
						
  8. HDU1197 Specialized Four-Digit Numbers
			
    进制转化 hdu1197 #include<cstdio> #include<cstdlib> #include<iostream> #include<mem ...
    
			
    9. 
						
  9. 跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题
			
    问题 生成缩略图 生成验证码 生成二维码 给图片加水印 外部引用 Node  不解释  https://nodejs.org/en/download/ sharp 高性能缩略图  https://gi ...
    
			
    10. 
						
  10. JavaScript--我发现，原来你是这样的JS（四）（看看变量,作用域,垃圾回收机制是啥）
			
    一.介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第四篇,是红宝书第四章内容(主要是变量和作用域问题),当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的 ...
    
			
    11.