文档章节

让不同的服务端支持 HTML5 Cache Manifest 文件 (Apache / Ngnix / Tomcat / GAE)

void_ZZ
 void_ZZ
发布于 2017/04/21 13:58
字数 435
阅读 21
收藏 0

本文主要记录的是 manifest 文件所需要的服务器端的支持,包括目前被广泛使用的服务器:Apache / Nginx / Tomcat / GAE。

manifest in html:

<html manifest="example.manifest">
  ...
</html>

manifest 属性可指向绝对网址或相对路径,但绝对网址必须与相应的网络应用同源。清单文件可使用任何文件扩展名,但必须以正确的 MIME 类型提供,这里只需要将 manifest 的文件类型定义为 text/cache-manifest 即可。

example.manifest :

CACHE MANIFEST
# 2017-04-21 v1.0.0
#第一行,CACHE MANIFEST,是必需的:
#上面的 manifest 文件列出了三个资源:
#一个 CSS 文件,
#一个 GIF 图像,
#以及一个 JavaScript 文件。
#当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。
#然后,无论用户何时与因特网断开连接,这些资源依然是可用的。
/demo.css
#/logo.png
#/main.js
#下面的 NETWORK 小节规定文件 "login.php" 永远不会被缓存,且离线时是不可用的:
NETWORK:
login.php
#下面的 FALLBACK 小节规定如果无法建立因特网连接,则用 "offline.html" 替代 /html5/ 目录中的所有文件:
FALLBACK:
/html/ /offline.html

下面是常见的服务器系统的配置方式(这里是有的 manifest 文件后缀是 .manifest ):

让 Apache 支持 manifest

新建或者编辑现有的 .htaccess 文件,在里面加上一行:

AddType text/cache-manifest .manifest

让 Nginx 支持 manifest

修改 mime.types 文件,在里面增加 manifest 文件的映射:

text/cache-manifest manifest

让 Tomcat 支持 manifest

修改 web.xml 文件,在里面增加:

<mime-mapping>  
    <extension>manifest</extension>  
    <mime-type>text/cache-manifest</mime-type>  
</mime-mapping>

让 GAE 支持 manifest

修改 app.yaml ,在里面增加:

- url: /mystaticdir/(.*\.manifest)
  static_files: mystaticdir/\1
  mime_type: text/cache-manifest
  upload: mystaticdir/(.*\.manifest)

© 著作权归作者所有

共有 人打赏支持
上一篇: Moodle3.2.2 + LDAP
下一篇: PHP + LDAP
void_ZZ
粉丝 0
博文 31
码字总数 19923
作品 0
东城
私信 提问
html5离线储存,application cache,manifest使用体验

最近在APP里新增一个论坛模块,为了快速地完成,决定将整个论坛模块做成WEB APP,WEB APP最致命的就是用户体验问题,页面跳转和过多的请求,大大影响了加载速度和用户体验,这时候我想到了H...

pureboys
2013/09/07
0
0
[IBM DW] 使用 HTML5 开发离线应用

简介: Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)和时候(网络坏了),也能进行内容撰写,等到有网...

红薯
2010/11/28
714
2
tomcat服务器下,html5下应用程序缓存(缓存js或css或图片)

首先老套的记一下优势: HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用...

EDIAGD
2013/08/20
0
0
html manifest html5 页面缓存

一下为摘抄: 什么是应用程序缓存(Application Cache)? HTML5引入应用程序缓存,这意味着web应用可进行缓存,并可在因特网连接时进行访问 应用程序缓存为应用带来三个优势 离线浏览-用户可...

@ccny
2015/05/13
0
0
浅谈如何实现HTML5的离线存储

关于HTML5离线存储原理及实现,笔者找到一篇介绍离线缓存的,感觉比之前看到的解释的更透彻,新的知识点记录如下: 大家都知道Web App是通过浏览器来访问的,所以离线状态下是无法使用app的。...

小欣妹妹
2018/04/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

容器服务

简介 容器服务提供高性能可伸缩的容器应用管理服务,支持用 Docker 和 Kubernetes 进行容器化应用的生命周期管理,提供多种应用发布方式和持续交付能力并支持微服务架构。 产品架构 容器服务...

狼王黄师傅
昨天
3
0
高性能应用缓存设计方案

为什么 不管是刻意或者偶尔看其他大神或者大师在讨论高性能架构时,自己都是认真的去看缓存是怎么用呢?认认真真的看完发现缓存这一块他们说的都是一个WebApp或者服务的缓存结构或者缓存实现...

呼呼南风
昨天
12
0
寻找一种易于理解的一致性算法(扩展版)

摘要 Raft 是一种为了管理复制日志的一致性算法。它提供了和 Paxos 算法相同的功能和性能,但是它的算法结构和 Paxos 不同,使得 Raft 算法更加容易理解并且更容易构建实际的系统。为了提升可...

Tiny熊
昨天
3
0
聊聊GarbageCollectionNotificationInfo

序 本文主要研究一下GarbageCollectionNotificationInfo CompositeData java.management/javax/management/openmbean/CompositeData.java public interface CompositeData { public Co......

go4it
昨天
3
0
阿里云ECS的1M带宽理解

本文就给大家科普下阿里云ECS的固定1M带宽的含义。 “下行带宽”和“上行带宽” 为了更好的理解,需要先给大家解释个词“下行带宽”和“上行带宽”: 下行带宽:粗略的解释就是下载数据的最大...

echojson
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部