H5 Manifest实现缓存刷新

最新推荐文章于 2025-05-30 11:12:50 发布

原创

最新推荐文章于 2025-05-30 11:12:50 发布 · 2.6k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了H5的Manifest功能，用于实现应用程序缓存，提供离线浏览、速度提升和减少服务器负载的优势。当Manifest文件内容发生变化时，浏览器会重新缓存资源。使用方法包括创建Manifest文件并将其链接到HTML中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近手头的微信项目即将上线，有大量优化工作，发布频率有点快，导致测试人员微信里的样式直接打开根本刷新不出来（需手动刷新多次），考虑以后客户的行为，我们想到了刷新缓存。

市场上通用的几种刷新缓存方式：手动（2C项目忽略，用户根本不知道），样式、Js文件名+版本号(项目管理中，个人感觉不太适合)，Manifest(H5推出的)

Manifest 应用程序缓存，带来三个优势：

离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

简单的说就是通过配置文件告诉浏览器缓存什么，不缓存什么，断网情况下怎么办。

Manifest 文件的简单原理：Manifest 文件首次作用后，如果内容没有变化，缓存内容不会变，但是哪怕一丁点变化（哪怕是备注），会重新缓存信息

不多说(博文的目的：个人备忘录)，怎么使用看下面:

1.创建manifest文件，放在html标记中, 如：<html manifest="/manifest.txt">

2.创建manifest文件内容

CACHE MANIFEST           //首行必须是这句话，申明这是manifest文件
#version 2017-03-23      //#是备注的意思，这个文件如果不改变，整个现有缓存不会刷新，改变一点就会有刷新，所以有时候我们会改变版本号之类的

CACHE:                   //CACHE:后面的文件是需要被缓存的文件，可以将一些不怎么会变化的插件信息、配置信息缓存下来
/Scripts/jquery-1.10.2.js

NETWORK: