下面直接放测试代码：

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. [转帖]从1G到5G
			
    一文看懂无线通信:从1G到5G 投递人 itwriter 发布于 2019-02-03 15:25 评论(2) 有280人阅读 [收藏] « » 文/老和山下的小学僧 最近太邪乎,先引用一个马克思政治 ...
    
			
    2. 
						
  2. flask客户端测试使用设置cookie参数
			
    今天在对flask客户端进行测试,然后看到我们服务器端用请求前钩子写了这样的代码 @app.before_requestdef before_request(): session = request. ...
    
			
    3. 
						
  3. Java关于struts2框架
			
    今天研究了一下struts2框架,我不太喜欢理论的东西,我研究框架更喜欢打断点一步步跟着去看实现的过程.
    
			
    4. 
						
  4. Delphi下EasyGrid使用体会
			
    最近在编写软件的时候,非常需要一款支持多表头的StringGrid控件,朋友介绍使用EasyGrid控件,这款控件大概从04年开始就没有再更新,网上有关与它的资料也较少.但是通过其demo,此软件还是 ...
    
			
    5. 
						
  5. BZOJ1926[Sdoi2010]粟粟的书架——二分答案+主席树
			
    题目描述 幸福幼儿园 B29 班的粟粟是一个聪明机灵.乖巧可爱的小朋友,她的爱好是画画和读书,尤其喜欢 Thomas H. Co rmen 的文章.粟粟家中有一个 R行C 列的巨型书架,书架的每一个位 ...
    
			
    6. 
						
  6. BZOJ 5249: [2018多省省队联测]IIIDX(贪心 + 线段树)
			
    题意 这一天,\(\mathrm{Konano}\) 接到了一个任务,他需要给正在制作中的游戏 \(\mathrm{<IIIDX>}\) 安排曲目 的解锁顺序.游戏内共有\(n\) 首曲目 ...
    
			
    7. 
						
  7. 学习 Spring Boot：（二十九）Spring Boot Junit 单元测试
			
    前言 JUnit 是一个回归测试框架,被开发者用于实施对应用程序的单元测试,加快程序编制速度,同时提高编码的质量. JUnit 测试框架具有以下重要特性: 测试工具 测试套件 测试运行器 测试分类 了 ...
    
			
    8. 
						
  8. CRM 2013 生成自动编号
			
    1. 建立二个实体: 单据规则: 用于创建单据的规则 规则流水号: 用于记录当前的流水号   2. 创建规则: 创建一条相关的记录后,就会显示对应的流水号:   最终效果:
    
			
    9. 
						
  9. 洛谷 P3225 [HNOI2012]矿场搭建 解题报告
			
    P3225 [HNOI2012]矿场搭建 题目描述 煤矿工地可以看成是由隧道连接挖煤点组成的无向图.为安全起见,希望在工地发生事故时所有挖煤点的工人都能有一条出路逃到救援出口处.于是矿主决定在某些挖煤 ...
    
			
    10. 
						
  10. 安装 Minio服务
			
    #MINIO SERVER Minio是在Apache License v2.0下发布的对象存储服务器.它与Amazon S3云存储服务兼容. 它最适合存储非结构化数据,如照片,视频,日志文件,备份和 ...
    
			
    11.