HTML5使用ApplicationCache

在html5中使用application cache可以把一些静态资源保存在客户端的浏览器上面。这样可以提高访问的速度,甚至是离线应用。关于application cache的优缺点: 1.离线浏览 - 用户可在离线时浏览您的完整网站 2.速度 - 缓存资源为本地资源,因此加载速度较快 3.服务器负载更少 - 浏览器只会从发生了更改的服务器下载资源 [参考文章](http://www.html5rocks.com/zh/tutorials/appcache/beginner/)

manifest 

使用appcache我们需要维护一份列表。文件名称随便去,不过后缀有规定.appcache然后在html标签上引用 <html manifest="example.appcache"> </html>

文件分为4部分 CACHE MANIFEST 这里的文件将会在客户端缓存 NETWORK 这里的文件不会在客户端缓存 FALLBACK 这里是一个替换的资源,当访问资源失败的时候自动使用这里的资源

示例

CACHE MANIFEST Site.css

NETWORK:

FALLBACK:

一些坑 以上这些呢,其实没啥太大的价值,都是其他地方搬过来的。如果你以为安装上面的步骤就能happy的使用appcache的话,那就错了。   MIME 使用appcache需要在服务器上配置MIME。不然客户端无法读取.appcache的列表文件。 如果你使用VS来调试,那么需要更改IIS Express的配置文件。 C:\Users\username\Documents\IISExpress\config\applicationhost.config 打开这个配置文件,找到mimeMap配置节点添加一个节点。 <mimeMap fileExtension=".appcache" mimeType="text/cache-manifest" />   NETWORK 上面说了,这个节点指定不缓存的资源。如果你不填的话,很有很多资源下载不下来。你得这样: NETWORK: * 写上*通配符,告诉客户端,除了上面的Cache列表,其他资源都不缓存。

Remove AppCache

当你不想要Appcache的时候,你以为只要把html tag的manifest移除就可以,那你就错了。你要把.appcache列表文件从服务器删除。这样才能真正的移除appcache功能。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏yl 成长笔记

oracle 正则表达的使用

最近遇到有个项目,需要根据文件存储的根目录地址来判断是在云端获取,还是本地获取, 先看下具体有几个不同的根目录:

912
来自专栏magicsoar

确保你想要修改的char*是可以修改的

void change(char *source) { source[0] = 'D'; cout<<source<<endl; 考虑一下,你有...

1845
来自专栏王二麻子IT技术交流园地

JSP技术介绍

1. 技术介绍 JSP即Java Server Page,中文全称是Java服务器语言。它是由Sun Microsystems公司倡导、许多公司参与建立的一种动...

2006
来自专栏小尘哥的专栏

thymeleaf全局常量定义

目测应该是重写这货就可以了,talk is cheap,show me the code

611
来自专栏纯洁的微笑

springcloud(六):配置中心git示例

随着线上项目变的日益庞大,每个项目都散落着各种配置文件,如果采用分布式的开发模式,需要的配置文件随着服务增加而不断增多。某一个基础服务信息变更,都会引起一系列的...

29710
来自专栏Pythonista

redis学习

集合相关的操作也很丰富,如添加新元素、删除已有元素、取交集、取并集、取差集等。我们来看例子:

1334
来自专栏IT技术精选文摘

教你如何监控网站URL是否正常

3075
来自专栏漏斗社区

工具 | sqlmap系列(四)高级篇

SQLMAP系列终于来到了高级篇,是进阶篇的延续……,本期斗哥将带你走进sqlmap批量扫描的世界。 一.批量化扫描burp的请求日记 01.首先配置burp记...

4059
来自专栏古时的风筝

BTrace : Java 线上问题排查神器

BTrace 是什么 BTrace 是检查和解决线上的问题的杀器,BTrace 可以通过编写脚本的方式,获取程序执行过程中的一切信息,并且,注意了,不用重启服务...

3858
来自专栏河湾欢儿的专栏

pc移动中常用的meta标签

字符编码:声明文档使用的字符编码 相对于这种方式,更推荐你(推荐使用HTML5的声明方式)。

775

扫码关注云+社区