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 video标签的属性、方法和事件汇总介绍

妙味课堂html5视频资料分享

html5让图片转圈的动画效果的实现方法介绍

h5和js有什么区别

html5视频音频实现步骤

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

h5自定义audio的解析

web sql数据库的使用教程

html5 canvas实现瀑布流文字效果代码

html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave

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




打赏

取消

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

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

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

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

评论

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