H5应用缓存-Manifest的具体介绍-木庄网络博客

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

导读

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

描述

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

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

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

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

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

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

支持性

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

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

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上传图片ios系统和android系统下均显示摄像头拍照和图片选择

html5单页面手势滑屏切换原理分析

html5是h5吗

html5加载时的等待动画效果制作

mui框架使用html5实现二维码扫描功能

什么是h5页面

如何利用微信内嵌h5网页解决js倒计时失效的问题

html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone