,可以通过以下步骤实现:
<html manifest="manifest.appcache">
这将把清单文件与您的网站关联起来,使浏览器能够使用ApplicationCache来缓存和离线访问您选择的文件。
腾讯云相关产品和产品介绍链接地址:
HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源;把需要离线存储在本地的文件列在一个manifest配置文件中。...以#号开头的是注释,可以是版本号,时间戳等等。...Network 这一部分是要绕过缓存直接读取的文件,可以使用通配符 *,大多数网站使用 * 。 当使用* 时 表示出 CACHE指定文件外,其它所有页面都需要联网访问。...两个 URI 都必须使用相对路径并且与清单文件同源。可以使用通配符。 下面的例子中,如果无法建立因特网连接,则用 "404.html" 替代 /html5/ 目录中的所有文件。...window.applicationCache .swapCache(); //交换缓存,成功拿到新的缓存,在新的缓存中交换 if (confirm('A new version
解析清单 在开始之前要先了解下 manifest(即.appcache文件),上面的解析清单要怎么写。 manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。...- 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面) 在线的情况下,用户代理每次访问页面,都会去读一次manifest.如果发现其改变, 则重新加载全部清单中的资源。...当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。 NETWORDK 白名单,使用通配符”*”....这就导致check manifest的过程是滞后的.发现manifest改变.所有浏览器的实现都是紧随这做静默更新资源.以保证下次pv,应用到更新....系统会自动缓存引用清单文件的 HTML 文件 manifest文件中CACHE则与NETWORK,FALLBACK的位置顺序没有关系,如果是隐式声明需要在最前面 FALLBACK中的资源必须和manifest
链接: http://pan.baidu.com/s/1jG86UV0 密码: ja9h 解析清单 在开始之前要先了解下manifest(即.appcache文件),上面的解析清单要怎么写。... - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面) 在线的情况下,用户代理每次访问页面,都会去读一次manifest.如果发现其改变, 则重新加载全部清单中的资源 CACHE...当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。 NETWORK 白名单,使用通配符"*"....这就导致check manifest的过程是滞后的.发现manifest改变.所有浏览器的实现都是紧随这做静默更新资源.以保证下次pv,应用到更新....文件同源,在同一个域下 在manifest中使用的相对路径,相对参照物为manifest文件 CACHE MANIFEST字符串应在第一行,且必不可少 系统会自动缓存引用清单文件的 HTML 文件 manifest
离线应用看起来是个非常酷的特性,并且在ASP.NET应用程序中创建一个离线Web应用也是非常简单的,构建离线web应用大概可分两个步骤: (1) 创建一个离线清单文件 HTML5离线缓存是基于这个缓存清单来确定缓存文件的...可以看到这个文件是以CACHE MANIFEST开头的,#后面的内容是注释,表明当前文件的版本号,值得注意的是当这个文件更新的时候,应用程序会重新加载缓存的文件,所以当缓存的文 件有更新的时候,一个让程序重新加载缓存文件的标准方法是修改这个清单中的版本号...上面的清单的版本号是 0.2,如果清单中的某个文件有更新,则只需要把0.2修改为0.3即可。 如上清单中的路径都是相对路径,所有的相对路径都是基于这个清单文件所在的路径的。...(2) 在ASP.NET应用程序中把清单信息通知给浏览器 HTML5规范规定这个清单文件必须以text/cache-manifest格式发送到客户端,但是现在没有标准的后缀来识别这一类型文件。...在ASP.NET中,可以通过一种变通的方式来达到这一目的。 1)把清单文件保存为单独文件,可以加任何后缀名,假设保存为manifest.mf。
背景 最近有个简单的迭代需求,需要统计下整个项目内的Toast的msg, 这个有人说直接快捷键查找下,但这里比较坑爹的是项目中查出对应的有1000多处。...几乎是边查文档编写,记录写编写过程: 查找目录下所有java文件 查找Java文件中含有Toast相关的行 在对应行中找出对应的id 使用id在String中查找对应的toast提示信息。...查找目录下所有java文件 这个我是直接copy网上递归遍历的,省略。...查找Java文件中的Toast 需要找出Toast的特征,项目中有两个Toast类 BannerTips和ToastUtils 两个类。 1.先代码过滤对应的行。...在对应行中找出对应的id 使用id在String中查找对应的toast提示信息。 最后去重。 最后一个比较简单,可以自己写,也可以解析下xml写。
需注意里面的路径为相对manifest文件的路径 CACHE MANIFEST #ver 版本号,用来更新manifest清单使用 CACHE: style.css jquery.min.js ...),有下面一些情况需要注意: 1、本地缓存更新时刻 浏览器第一次打开html文件的时候,访问manifest,下载所有缓存文件。...第二次打开html文件的时候,不论该html是否被添加到manifest的CACHE选项中,该html实际上已经被缓存,故此次打开,是加载的本地html。...浏览器检查网络manifest是否有更新,如果有,下载新的manifest文件,并重新下载所有缓存内容。此时,新的本地缓存不会被显示,而是等待下次刷新页面后,才会显示。... }, false); }, false); 资料来源:http://www.html5rocks.com/zh/tutorials/appcache/beginner/ 3、FALLBACK中的
不过,JavaScript修改location的除hash外的任意属性,页面都会以新URL重新加载。而唯一不引发刷新的hash参数并不会发送到服务器,因此服务器无法获得状态。...cache,主要用到缓存清单文件:manifest,该文件告诉浏览器需要缓存哪些资源 manifest文件结构 CACHE MANIFEST# 以上折行必需要写 CACHE: # 这部分写需要缓存的资源文件列表...文件同源,在同一个域下 在manifest中使用的相对路径,相对参照物为manifest文件 CACHE MANIFEST字符串应在第一行,且必不可少 系统会自动缓存引用清单文件的 HTML 文件 manifest...html,当它加载时,不会触发applicationCache的任何事件,但是会使用缓存。...页面加载的时候。console输入为空 修改服务器js,css等资源,页面中没有变化,修改manifest文件后,刷新页面,资源修改的效果出现。
当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。 注意:文件位置根据文件在服务器的实际目录,确保路径正确。...,则用 “404.html” 替代 /index/ 目录中的所有文件。...缓存包含manifest清单的页面,所以实际上,即使我们不显示的把包含manifest的页面,列在manifest缓存清单中,这个页面也会被缓存。...manifest文件中的cache部分不能使用通配符,必须手动指定,没有自动化工具。 在开发过程中,通过ajax与WCF进行数据交互时,常常头一次或头几次数据加载成功,以后均加载失败。...首先,你可以修改下 manifest 文件来更新这个页面,但是作为文章内容页面离线以后,就会存储在本地了,如果你是一篇章的话,那么这个文章的内容页就被存下来了,你如果以相同的 url 去访问,不管你文章里面的数据更新没有
传统的web程序中浏览器也会对资源文件进行cache,但是并不是很可靠,有时起不到预期的效果。...而HTML5中的application cache支持离线资源的访问,为离线web应用的开发提供了可能。...使用application cache能够带来以下几点收益: 用户可以在离线时继续使用 缓存到本地,节省带宽,加速用户体验的反馈 减轻服务器的负载 如何使用application cache?...要使用application cache,主要用到缓存清单文件:manifest,该文件告诉浏览器需要缓存哪些资源 manifest文件结构: CACHE MANIFEST # 以上折行必需要写 CACHE...,备用访问的资源 # 每行两个文件,第一个是访问源,第二个是替换文件*.html /offline.html manifest文件使用: 写完一个manifest文件之后,像下面这样在你的web页面中引用他
保存cookie cookie的名/值中的值是不允许包括分号、逗号和空白符,因此,在存储前一般可以采用JavaScript核心的全局函数encodeURIComponent()对值进行编码。...,包含应用程序依赖的所有URL列表;然后,通过在应用程序在主HTML页面的标签中设置manifest属性,指向到该清单文件即可。...DOCTYPE HTML> #清单文件中的首行内容必须以"CACHE...FALLBACK: vidoes/ offline_help.html 注意,浏览器只检查清单文件,而不会去检查缓存的文件是否有更新。...在更新清单文件之后,用户必须载入应用两次才能保证最新的版本生效:第一次是从缓存中载入老版本随后更新缓存;第二次才从缓存中载入新的版本。
为何要用离线缓存 从网站所有者的角度来说,增加离线缓存功能,能够让用户更好的使用网站。 离线缓存的设置步骤 1 配置manifest文件 2 通过JS进行缓存的控制 manifest文件的配置 1....添加manifest属性 将需要离线缓存的文件罗列下来,存储于后缀名为manifest的文件当中, 在HTML文件中引入manifest文件。.../css/test.css # 需要注意的是:manifest文件中书写的路径,是以该文件的路径为基础,而非以html所在文件夹为基础 NETWORK: .....1代表空闲,当缓存是最新的时候为1,不需要做什么操作。 2代表检查中,即浏览器在检查manifest文件是否为最新。 3代表下载中,当前有更新,并且正在下载。...loaded代表当前已经加载完成的文件,total为总共需要更新的文件数。 checking 正在检查。 downloading 正在下载。 obsolete 缓存过期。
CACHE指定需要被缓存的文件。这些文件会被缓存到AppCache中,以后这些文件都会从AppCache中加载。 NETWORK指定不需要被缓存的文件。...比如在Apache服务器中,可以添加以下行到配置文件中: AddType text/cache-manifest .appcache 更新缓存 完成manifest文件的配置以后,你会发现你的页面加载速度暴增...当浏览器检测到manifest文件更改以后,它会发起请求更新所有被缓存的文件,但是这时候还不会马上更新到页面中,还需要用户再次刷新页面,才能看到新的内容。...Chrome的开发者工具提供了这些信息,打开开发者工具,在Resource => Application Cache中就可以看到缓存了哪些文件,如下图所示: 但是在这里不能对Cache进行删除操作,也不能看到其他网站的...如果想看到所有网站的AppCache信息,并且删除其中某一个的话,可以进入chrome://appcache-internals/,这个管理页面会列出所有浏览器中的AppCache信息,包括manifest
网络存储更安全,以及大量的数据可以在本地存储,而不会影响网站的性能。 web存储是每原点(每个域和协议)。所有页面,从一个起源,可以存储和访问相同的数据。...Web Storage分两种: sessionStorage,将数据存储在session对象中,就是用户在浏览某个网站时,从进入到浏览器关闭的这段时间,session对象可以用来保存在这段时间内所要求保存的任何数据...这样,当浏览器在在线状态时,就可以把这些文件缓存到本地,往后,当用户在离线状态下,访问应用程序时,这些资源文件就会自动加载,从而让用户正常使用浏览。...服务器返回index.html网页 浏览器解析index.html网页,请求网页上的所有 资源文件 服务器返回所有资源文件 浏览器处理manifest文件,请求mnifest中所有要求本地缓存的文件。...使用前提 在applicationCache对象的updateReady事件被触发调用,updateReady事件只有在服务器上的manifest文件被更新,在manifest文件中所要求的资源文件下载到本地后
--HTML5中,我们可以建立一个离线的应用,只需要创建一个cache manifest文件即可--> <!
2.1 Application Cache 参考自:Application Cache API 2.1.4 applicationCache对象 该对象是window对象的直接子对象,window.applicationCache...基类:DOMApplicationCache 事件列表: 事件 接口 触发条件 后续事件 checking Event 用户代理检查更新或者在第一次尝试下载manifest文件的时候,本事件往往是事件队列中第一个被触发的...文件没有被正确地下载 无 error Event 在取manifest列举的资源的过程中发生致命的错误 无 error Event 在更新过程中manifest文件发生变化 用户代理会尝试立即再次获取文件...文件同源,在同一个域下 在manifest中使用的相对路径,相对参照物为manifest文件 CACHE MANIFEST字符串应在第一行,且必不可少 系统会自动缓存引用清单文件的 HTML 文件 manifest...文件中CACHE则与NETWORK,FALLBACK的位置顺序没有关系,如果是隐式声明需要在最前面 FALLBACK中的资源必须和manifest文件同源 当一个资源被缓存后,该浏览器直接请求这个绝对路径也会访问缓存中的资源
no-cache: 告知(代理)服务器不直接使用缓存,要求向服务器发起请求,始终请求会被执行 no-store: 所有内部不会被缓存或者放在浏览器临时文件夹下面 ?...no-store: 所有内部不会被缓存或者放在浏览器临时文件夹下面,始终请求会被执行 no-store覆盖max-age的设置 public:允许任何地方缓存,代理、cdn都可以 private[=fieldName...: 创建一个缓存文件,如:main.appcache,建议文件以.appcache结尾 在web服务器上添加mine-type标识头,如:text/cache-manifest html文件引入此内容,...缓存过期 cached 空闲,缓存为最新状态 error 缓存报错时触发的事件 noupdate 检查更新结束,没有需要更新的文件 window.applicationCache.addEventListener...6.3 修改main.appcache文件任何内容,都会导致离线缓存重新加载,包含注释信 6.4 引入main.appcache文件的html文件,会直接被离线缓存 6.5 缓存对象:window.applictionCache
DOCTYPE>声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。...(2)、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 2、HTML5为什么只需要写<!...原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。...如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了...,那么就会重新下载文件中的资源并进行离线存储。
在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作 HTML5 为什么只需要写 ?...在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件 原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源...如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了...,那么就会重新下载文件中的资源并进行离线存储。...cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密) cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递
在HTML5 中定义了两种本地存储的,Web Storage 和本地数据库 SQL Database . ...是基于域的,在该域的任何网页都可以访问,在不同设备上存储的是不同的。 ...localStorage.removeItem("name") 删除localStorage 所有key/value 存储JSON 格式的数据 //定义JSON 格式字符串。 ... console.log(e); },true) } 离线应用: 离线与缓存, 都是为了更好地缓存各种文件以提高读取的速度...} mainfest 文件、 applicationCache 对象和事件。
HTML5引入了应用程序缓存(Application Cache),通过创建manifest文件可以轻松地创建Web应用的离线版本,使Web应用可以在没有网络的时候任然可以访问。...通过离线存储,我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中,这样即使在离线的情况下,用户也可以正常使用App。怎么用首先来讲解下离线存储的使用方法,说起来也很简单。...,那么就会重新下载文件中的资源并进行离线存储。...浏览器在下载manifest文件中的资源的时候,它会一次性下载所有资源,如果某个资源由于某种原因下载失败,那么这次的所有更新就算是失败的,浏览器还是会使用原来的资源。...在更新了资源之后,新的资源需要到下次再打开app才会生效,如果需要资源马上就能生效,那么可以使用window.applicationCache.swapCache()方法来使之生效,出现这种现象的原因是浏览器会先使用离线资源加载页面
领取专属 10元无门槛券
手把手带您无忧上云