HTML 5应用程序缓存使用总结-H5教程-PHP中文网

首页

web前端

H5教程

HTML 5应用程序缓存使用总结

PHP中文网

Mar 30, 2017 pm 05:07 PM

近期接触了HTML5本地缓存，在HTML页面的html标签加入后缀为.appcache的文件，即可以轻松地创建 web 应用的离线版本。

使用本地缓存带来的好处：

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

浏览器支持：

所有主流浏览器均支持应用程序缓存，除了 IE

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档（供离线浏览）：

HTML页面

demo.appcache文件

Cache Manifest 基础

如需启用应用程序缓存，请在文档的 100db36a723c770d327fc0aef2ce13b1 标签中包含 manifest 属性：

<!DOCTYPE HTML><html manifest="demo.appcache">...</html>

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。

manifest 文件的建议的文件扩展名是：".appcache"。

请注意，manifest 文件需要配置正确的 MIME-type，即 "text/cache-manifest"。必须在 web 服务器上进行配置。

Manifest 文件

manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。

manifest 文件可分为三个部分：

CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）

Manifest 使用总结：

HTML页面添加.appcache的文件后，PC端和手机端浏览器都可离线缓存文件
添加了.appcache的页面本身也会被缓存
如果修改时间戳文件，而没有修改.appcache的文件，则不可以更新浏览器缓存文件
HTML页面引入.appcache的文件后，只有修改.appcache的文件，才能更新缓存文件

有了 .appcache文件后，HTML时间戳文件是否失去了它原来的意义呢？

也许当IE的低版本去见马克思后，当所有浏览器都支持HTML5应用程序缓存后，HTML时间戳文件才可能退休，至少在目前，还是离不开平凡更新的时间戳文件。而使用.appcache文件来更新浏览器缓存，目前主要应用在移动终端。

以上就是HTML 5应用程序缓存使用总结的内容，更多相关内容请关注PHP中文网（www.php.cn）！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

PHP实现MVVM架构：基本原理及应用Jun 18, 2023 am 08:54 AM

随着Web应用程序的快速发展，越来越多的开发者将目光投向了各种新兴的Web开发框架和架构设计模式。其中一个备受瞩目的设计模式就是MVVM（ModelViewViewModel）架构模式。MVVM采用了一种现代化的设计模式，通过将UI和业务逻辑相分离，使得开发人员能够更好地管理和维护应用程序。此外，MVVM减少了不必要的耦合，提高了代码的可重用性和灵活性，

msedge.exe是什么应用程序Sep 09, 2022 pm 02:37 PM

“msedge.exe”指的是“Microsoft Edge”网页浏览器软件；“Microsoft Edge”是由Microsoft开发的网页浏览器，该浏览器在2015年被正式命名，并且内置在了Windows10版本中；该浏览器与IE浏览器相比，Edge将支持现代浏览器功能，比如扩展。

卸载程序的文件名是什么Oct 21, 2022 pm 02:05 PM

卸载程序的文件名是“uninstall.exe”或“uninst.exe”，是用以协助使用者将软件自电脑中删除的一种电脑软件。使用方法：1、在文件资源管理器中挖掘并导航到应用程序EXE文件所在的文件路径；2、通过文件路径打开应用程序的安装目录，找到“uninstall.exe”文件；3、双击卸载文件“uninstall.exe”即可开始程序删除过程。

explorer.exe应用程序错误如何解决Jun 21, 2023 pm 02:14 PM

explorer.exe应用程序错误的解决办法：1、按下键盘上的“win”+“R”组合键，再打开的运行窗口中输入命“inetcpl.cpl”；2、在上方选择“高级”选项卡，在下方点击“重置”；3、在弹出来的窗口中，勾选“删除个人设置”，勾选后点击下面的“重置”。如果以上操作无法解决问题，请检查电脑是否有木马，这个时候建议重装系统，安装一个原版或者纯净版的系统。

如何修复 Windows 11 上的应用程序无法打开问题 [已解决]May 02, 2023 pm 12:40 PM

微软最新发布的Windows11，已经证明是Windows10的更好版本，其结构变化、更人性化、重新排列的任务栏等。尽管Windows11是其中一个优秀的版本。许多Windows用户注意到他们的Windows11PC上存在一个不寻常的问题，他们无法启动大多数Windows11应用程序。无论他们尝试启动应用程序多少次，它只是简单地崩溃并且无法在系统上打开。突然发生这种情况可能有很多原因，下面列出了一些原因。Windows更新服务已停止。对系统的病毒攻击。系统上的用户帐户存

使用PHP和OpenLayers创建地图应用程序May 11, 2023 pm 08:31 PM

随着Internet的发展，越来越多的应用程序需要实现地图可视化展示。本文将介绍如何使用PHP和OpenLayers创建地图应用程序。一、OpenLayers介绍OpenLayers是一个JavaScript开源库，可以展示动态地图。除了展示标准的WMS、WFS和GoogleMaps，OpenLayers还可以展示自定义的地图，可以展示矢量数据，支持地图放

如何在 Windows 11 中重新安装邮件应用程序Apr 14, 2023 pm 03:19 PM

<p><strong>邮件应用程序</strong>是Windows11内置的一个非常有用的电子邮件客户端。它允许您从一个位置管理所有邮件帐户。虽然Mail应用程序非常有用，但有时可能需要重置，有时也需要重新安装，原因有多种。在本文中，我们将通过一些简单的步骤说明如何从Windows11轻松卸载Mail应用程序，以及如何轻松地从MicrosoftStore将其取回。</p>&l

基于Django建立Web GIS应用程序Jun 17, 2023 pm 01:12 PM

随着全球定位系统（GPS）和卫星影像技术的飞速发展，地理信息系统（GIS）已经成为了一个重要的应用领域。GIS不仅限于地图制作和分析，也被广泛应用于环境管理、土地管理、城市规划等领域。而WebGIS应用程序的开发，可以使得用户在任何地点、任何时间、通过任何设备进行GIS数据的查询、分析和管理，具有极大的应用前景。Django是一个基于Python语言的We

See all articles