manifest使用

manifest即应用缓存

打个比方：某个用户第一次浏览某一个网站，manifest文件会自动将配置项中的内容缓存到本地，第二次用户再次访问该网站，速度明显提升，由于某些内容已经缓存到本地【这个内容是找不到的，只需要知道有这个缓存即可】，在离线的时候用户依然可以进行访问（已经缓存过的内容）

一、如何来配置应用缓存？

首先准备一台可用的服务器，什么阿里云，腾讯云都可以，主要是为了测试效果，当然，本地也可以模拟一下，这里我使用的是阿里云ecs服务器进行测试。

配置manifest文件，文件名后缀为manifest，具体配置内容如下：

// 在此标题下列出的文件将在首次下载后进行缓存
CACHE MANIFEST
CACHE:
//  这里改成服务器存储需要缓存文件的地址
http://123.57.2.116/main.css
// - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
NETWORK
// - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）
FALLBACK
// 第一次这个页面就会被缓存，如果服务器有问题，会显示这个页面
./404.html

前端测试页面配置

最主要的是在html 上加 manifest="./main.manifest" 表明要使用应用缓存
文件的链接地址就填写服务器对应的地址即可，注意应用缓存文件的地址要和这个地址保持一致

<!DOCTYPE html>
<html lang="en" manifest="./main.manifest">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="http://123.57.2.116/main.css">
</head>
<body><div></div>
</body>
</html>

测试效果：直接本地打开，显示正常 直接从服务器拿

然后将服务器对应的文件删除掉，在次进行访问：

再次访问测试：明显看到它提示从缓存中取的，因为在服务器上的文件已经被我们删除了

二、使用应用缓存的优点
开篇已经介绍了一点，提升网站的访问速度，离线浏览，还有一个能够减少服务器的负载（浏览器将只会从服务器下载更新过或者更改过的资源）

三、如何清除应用缓存
1 用户手动去清空浏览器的缓存

2 手动去修改manifest文件，当manifest文件发生了改变，它就根据缓存的要求将这个缓存清除掉

manifest使用相关推荐

Manifest merger failed : Attribute application@allowBackup value=(false) 解决方法
导入开源库出现上述错误处理方法在manifest中添加 xmlns:tools="http://schemas.android.com/tools" 然后在 applicati ...
VC manifest
manifest原理和用途 dll是被动态调用的,所以会被若干个程序共享使用的但是如果dll在应用程序不知道的情况下升级了.或是被另一个程序更改了,就可能会出现问题,即"DLL Hell& ...
Rocksdb 写流程,读流程,WAL文件,MANIFEST文件,ColumnFamily,Memtable,SST文件原理详解
文章目录前言 Rocksdb写流程图 WAL 原理分析概述文件格式查看WAL的工具创建WAL 清理WAL MANIFEST原理分析概述查看MANIFEST的工具创建及清除 MANI ...
html扩展名用于保存清单文件,HTML5 manifest ApplicationCache
使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本. HTML5引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问 ...
manifest文件
在Android的APP中必不可少的就是AndroidManifest文件: 词法: <manifest xmlns:android="http://schemas.android.c ...
android manifest 权限组,Android的单个或多个权限动态申请
前言在Android 6.0(API 级别 23)以下申请权限是非常简单的,直接在AndroidManifest.xml这个配置文件中加入申请权限的列表就可以了,比如我要申请四个权限,如下: 但是在 ...
Android - Manifest 文件详解
Manifest 文件详解本文地址: http://blog.csdn.net/caroline_wendy/article/details/20899281 Manifest可以定义应用程序及其 ...
applet打包的MANIFEST.MF配置
为什么80%的码农都做不了架构师?>>> Permissions: all-permissions Codebase: * Manifest-Version: 1.0 Trus ...
org.codehaus.plexus.archiver.jar.Manifest.write(java.io.PrintWriter)
问题:创建spring boot项目时, pom.xml报错org.codehaus.plexus.archiver.jar.Manifest.write(java.io.PrintWriter)问题 ...
pom.xml错误：org.codehaus.plexus.archiver.jar.Manifest.write(java.io.PrintWriter)的解决方法
pom.xml错误:org.codehaus.plexus.archiver.jar.Manifest.write(java.io.PrintWriter)的解决方法参考文章: (1)pom.xml ...

manifest使用

manifest使用相关推荐

最新文章

热门文章