H5应用缓存-Manifest的具体介绍


本文摘自PHP中文网,作者黄舟,侵删。

导读

Manifest 是 H5提供的一种应用缓存机制, 基于它web应用可以实现离线访问(offline cache). 为此, 浏览器还提供了应用缓存的api--applicationCache. 虽然manifest的技术已被web标准废弃, 但这不影响我们尝试去了解它. 也正是因为manifest的应用缓存机制如此诱人, 饿了么 和 office 365邮箱等都还在使用着它!

描述

对manifest熟悉的同学可以跳过此节.

鉴于manifest应用缓存的技术, 我们可以做到:

离线访问: 即使服务器挂了, 或者没有网络, 用户依然可以正常浏览网页内容.

访问更快: 数据存在于本地, 省去了浏览器发起http请求的时间, 因此访问更快, 移动端效果更为明显.

降低负载: 浏览器只在manifest文件改动时才去服务器下载需要缓存的资源, 大大降低了服务器负载.

manifest缓存的过程如下(来自网络):

支持性

主流浏览器都支持manifest应用缓存技术. 如下表格:

1474.png

H5标准中, Offline Web applications 部分有如下描述:

1

2

3

This feature is in the process of being removed from the Web platform.

(This is a long process that takes many years.)

Using any of the offline Web application features at this time is highly discouraged. Use service workers instead. [SW]

因此后续我将在其他文章中继续介绍 service workers, 本篇继续关注manifest.

如何开启应用缓存

阅读剩余部分

相关阅读 >>

html5如何实现图片转圈的动画效果

html5实现app中监听返回事件如何处理

html代码什么意思?

一定要注意常见的3种html5错误用法

html5中的dom编程的实现步骤

html5碎片式图片切换制作方法详解

h5页面如何调用百度地图获取当前位置(代码)

浅谈html5的未来发展

利用h5制作一个倒计时demo的实例教程

关于html5中如何调用相机拍照并且压缩图片的示例详解

更多相关阅读请进入《h5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...