下面直接放测试代码：

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. Oracle PLSQL 客户端 连接Oracle12.2 出现权限问题的解决办法以及绿色版Oracle客户端的使用.
			
    1. 同事反馈登录最新的oracle12.2 的数据库时登录不上报错: 2. 记得当时查过资料, Oracle 在12.2 增加了客户端连接数据库的加密级别 比较早的oracle客户端比如11.2.0 ...
    
			
    2. 
						
  2. PRML读书笔记_绪论曲线拟合部分
			
    一.最小化误差函数拟合 正则化( regularization )技术涉及到给误差函数增加一个惩罚项,使得系数不会达到很大的值.这种惩罚项最简单的形式采用所有系数的平方和的形式.这推导出了误差函数的修 ...
    
			
    3. 
						
  3. bat脚本的写法
			
    当你每次都要输入相同的命令时,可以把这么多命令存为一个批处理,从此以后,只要运行这个批处理,就相当于打了几行.几十行命令.下面以Nginx服务的停止脚本为例写一个bat批处理文件: 1.新建nginx ...
    
			
    4. 
						
  4. 一个很初级的错误　Destructor忘记override导致内存泄露
			
      TxxObj= class    public     Destructor Destroy(); override;!!!此处若无override,将导致内存泄露     end; Destru ...
    
			
    5. 
						
  5. Linux、Debian、Jenkins、GIT、Nginx、码云安装，自动化部署前后端分离项目
			
    1.安装Jenkins i:下载Jenkins安装包(war文件):https://jenkins.io/download/ ii:这里采用Tomcat的war包方式安装,讲下载好的安装包放到Tomc ...
    
			
    6. 
						
  6. codeforces9A
			
    Die Roll CodeForces - 9A Yakko,Wakko和Dot,世界著名的狂欢三宝,哈哈,不知道你是否看过这个动画片. 某一天,过年了,他们决定暂定卡通表演,并去某些地方旅游一下.Y ...
    
			
    7. 
						
  7. AWS、Azure和Google的云容器注册表有什么区别？
			
    亚马逊云计算服务(AWS).谷歌云服务和微软Azure,这三大公共云平台都提供Docker容器注册表.虽然他们的产品看起来很相似,但开发人员在做出选择之前,应该先了解价格和功能方面的差异. 公共云供应 ...
    
			
    8. 
						
  8. ceph PG数量调整/PG的状态说明
			
    优化: PG Number PG和PGP数量一定要根据OSD的数量进行调整,计算公式如下,但是最后算出的结果一定要接近或者等于一个2的指数.调整PGP不会引起PG内的对象的分裂,但是会引起PG的分布的 ...
    
			
    9. 
						
  9. Android 访问 Webapi 更新UI
			
    首先,写一个访问webapi的工具类 import org.apache.http.HttpEntity; import org.apache.http.HttpResponse; import or ...
    
			
    10. 
						
  10. 自学Aruba5.1.1-基于时间的Role定义
			
    点击返回:自学Aruba之路 自学Aruba5.1.1-基于时间的Role定义 可以配置一条rule是基于时间来做限制 具体配置时间(Time ranges)步骤如下: 1 建立一个绝对时间范围,命令 ...
    
			
    11.