下面直接放测试代码：

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. sorted新用法
			
    
			
    2. 
						
  2. Spark_RDD之RDD操作简介
			
    1.转化操作 转化操作是返回一个新的RDD的操作,我们可以使用filter()方法进行转化.举个使用scala进行转化操作的例子. def main(args: Array[String]): Uni ...
    
			
    3. 
						
  3. ansible系列6-用户管理
			
    第一种:新增用户 ansible host -m user -a "name=zhang shell=/bin/bash groups=admin,root append=yes home= ...
    
			
    4. 
						
  4. HDU-3746-KMP理解失配
			
    这个有点意思,要理解失配数组 题意是要计算出需要构造成循环节相连的最小个数 利用失配构造函数求出单个循环节,然后计算出需要的加上的珠子个数 #include <cstdio> #inclu ...
    
			
    5. 
						
  5. Network POJ - 3694（lca并查集+连通图求桥）
			
    就是求出原先图中的桥的数量,在每一次询问时加入一条新边,求加入当前边后图中剩余的桥的数量 求出原先图中的桥的数量,然后减去新加入边的两端点之间的桥的数量,就是剩余桥的数量.. 用并查集把属于同一集合的 ...
    
			
    6. 
						
  6. 洛谷P1973 [NOI2011]Noi嘉年华（动态规划，决策单调性）
			
    洛谷题目传送门 DP题怕是都要大大的脑洞...... 首先,时间那么大没用,直接离散化. 第一问还好.根据题意容易发现,当一堆活动的时间有大量重叠的时候,更好的办法是把它们全部安排到一边去.那么我们转 ...
    
			
    7. 
						
  7. 自学Linux Shell8.2-linux逻辑卷LVM管理
			
    点击返回 自学Linux命令行与Shell脚本之路 8.2-linux逻辑卷LVM管理 Linux逻辑卷管理器软件包用来通过将另外一个硬盘上的分区加入已有文件系统,动态地添加存储空间. 1. 逻辑卷L ...
    
			
    8. 
						
  8. 自学Python1.6-Centos内英文语法切换
			
    自学Python之路 自学Python1.6-Centos内中英文语法切换 测试采用是官方Centos7.0系统 1.添加中文输入法 打开设置---区域和语言--->在输入源最下面有一个 + 号 ...
    
			
    9. 
						
  9. [hgoi#2019/2/16t3]psolve
			
    题目描述 Dustar有n道题目要做.他的月薪是m元. 由于题目是一流的难题,所以Dustar不得不找个人来帮(代)助(替)他写作业. 找人写作业不是免费的,但是他们能保证在一个月内做出任何题目.每做 ...
    
			
    10. 
						
  10. kafka安装以及入门
			
    一.安装 下载最新版kafka,Apache Kafka,然后上传到Linux,我这里有三台机器,192.168.127.129,130,131 . 进入上传目录,解压到/usr/local目录下 - ...
    
			
    11.