下面直接放测试代码：

index.html

<!DOCTYPE html>

<html manifest="m.manifest">

<head>

    <meta charset=utf-">

    <link rel="stylesheet" href="test.css">

    <script type="text/javascript" src="test.js"></script>

</head>

<body>
 <img src="test.png">

 <div class="test"></div>

</body>

</html>

m.manifest

CACHE MANIFEST

#我是注释，这个文件名叫 m.manifest

CACHE:

test.css
test.png

test.js


 




test.css




.test {min-height:600px; background:#ddd;}




test.js




alert("cache test");




测试通过




这一行注意了<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
												


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

    
								
  1. HTML5新特性之离线缓存技术
		
    一.离线缓存的起因. HTML5之前的网页,都是无连接,必须联网才能访问,这其实也是web的特色,这其实对于PC是时代问题并不大,但到了移动互联网时代, 设备终端位置不再固定,依赖无线信号,网络的可靠 ...
    
		
    2. 
						
  2. HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件
		
    一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 1. 新建 manifest 文件 如文件名为  lzwme.manifest,内容配置参考如下: 01 CACHE  ...
    
		
    3. 
						
  3. HTML5 manifest离线缓存
		
    一.基本概念 离线缓存是HTML5新引入的技术,能够让你的Web应用程序指定哪些文件可以缓存在本地,使得你的网络断开时依然可以通过本地的缓存来进行访问浏览. 二.使用方法 1. MIME type 声 ...
    
		
    4. 
						
  4. HTML5 manifest离线缓存技术
		
    干什么用的? 离线缓存为的是第一次请求后,根据manifest文件进行本地缓存,并且在下一次请求后进行展示(若有缓存的话,无需再次进行请求而是直接调用缓存),最根本的感觉是它使得WEB从online可 ...
    
		
    5. 
						
  5. HTML5 离线缓存manifest
		
    1.简介W3C官方对manifest的介绍是HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在 ...
    
		
    6. 
						
  6. html5 manifest 离线缓存知识点
		
    1.最大缓存容量为 5M. 2.manifest文件需要配置正确的MIME-type,即“text/cache-manifest”,这个是在web服务器上进行配置. ②编写.manifest文件,文件 ...
    
		
    7. 
						
  7. HTML5离线缓存（Application Cache）
		
    HTML5离线缓存又名Application Cache,是从浏览器的缓存中分出来的一块缓存区,要想在这个缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源.  ...
    
		
    8. 
						
  8. HTML5离线缓存问题
		
    HTML5离线缓存问题 1.应用程序缓存 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. ...
    
		
    9. 
						
  9. 使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存
		
    本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [工作相关] GS产品使用LInux下Oracle数据库以及ASM存储时的数据文件路径写法.
			
    1. 自从公司的GS5版本就已经支持Linux下的oracle数据库通过安装工具自动安装注册了, 只不过路径需要使用linux的命名规则, 如图: /home/oracle/ 注意 最后是有一个 斜线 ...
    
			
    2. 
						
  2. Mysql性能优化二：索引优化
			
    1 索引的类型 UNIQUE唯一索引 不可以出现相同的值,可以有NULL值. INDEX普通索引 允许出现相同的索引内容. PRIMARY KEY主键索引 不允许出现相同的值,且不能为NULL值,一个 ...
    
			
    3. 
						
  3. RabbitMQ基础知识详解
			
    什么是MQ? MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用程序的通信方法.MQ是消费-生产者模型的一个典型的代表,一端往消息队列中不断写入消息,而另一端则可以读取队列中 ...
    
			
    4. 
						
  4. BZOJ2733[HNOI2012]永无乡——线段树合并+并查集+启发式合并
			
    题目描述 永无乡包含 n 座岛,编号从 1 到 n,每座岛都有自己的独一无二的重要度,按照重要度可 以将这 n 座岛排名,名次用 1 到 n 来表示.某些岛之间由巨大的桥连接,通过桥可以从一个岛 到达 ...
    
			
    5. 
						
  5. Leonardo's Notebook UVALive - 3641（置换）
			
    题意: 给出26个大写字母的置换B,问是否存在一个置换A,使得A2 = B 解析: 两个长度为n的相同循环相乘,1.当n为奇数时结果也是一个长度为n的循环:2. 当n为偶数时分裂为两个长度为n/2 ( ...
    
			
    6. 
						
  6. G1收集器的收集原理
			
    G1收集器的收集原理 来源 http://blog.jobbole.com/109170/ JVM 8 内存模型 原文:https://blog.csdn.net/bruce128/article/d ...
    
			
    7. 
						
  7. BZOJ 4009: [HNOI2015]接水果
			
    4009: [HNOI2015]接水果 Time Limit: 60 Sec  Memory Limit: 512 MBSubmit: 636  Solved: 300[Submit][Status] ...
    
			
    8. 
						
  8. rt-thread learning notes
			
    rt-thread learning notes 2018-01-15 > 001 具有相同优先级的线程,每个线程的时间片大小都可以在初始化或创建该线程时指定 rt_thread_t rt_th ...
    
			
    9. 
						
  9. CPP--借助神器VS理解内存存储（含大小端对齐）
			
    单位,补码之类的可以看这个:http://www.cnblogs.com/dotnetcrazy/p/8178175.html 先说说大小端对齐的事情,然后再看: 内存最小单位==>Byte,i ...
    
			
    10. 
						
  10. Luogu 2540 斗地主增强版（搜索，动态规划）
			
    Luogu 2540 斗地主增强版(搜索,动态规划) Description 牛牛最近迷上了一种叫斗地主的扑克游戏.斗地主是一种使用黑桃.红心.梅花.方片的A到K加上大小王的共54张牌来进行的扑克牌游 ...
    
			
    11.