目录
HTML5 Cache Manifest 实例" >HTML5 Cache Manifest 实例
HTML页面" >HTML页面
demo.appcache文件" >demo.appcache文件
Cache Manifest 基础" >Cache Manifest 基础
首页 web前端 H5教程 HTML 5应用程序缓存使用总结

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

Mar 30, 2017 pm 05:07 PM

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

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

  • 离线浏览 - 用户可在应用离线时使用它们

  • 速度 - 已缓存资源加载得更快

  • 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

浏览器支持:

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

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档(供离线浏览):

HTML页面

987.jpg

demo.appcache文件

988.jpg

Cache Manifest 基础

如需启用应用程序缓存,请在文档的 标签中包含 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的文件,才能更新缓存文件

989.jpg

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

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

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

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

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Windows 11中无法保存更改照片应用程序错误 Windows 11中无法保存更改照片应用程序错误 Mar 04, 2024 am 09:34 AM

如果您在Windows11中使用照片应用程序进行图像编辑时遇到无法保存更改的错误,本文将为您提供解决方案。无法保存更改。保存时出错。请稍后再试.通常会出现这种问题的原因包括权限设置不正确、文件损坏或系统故障。因此,我们经过深入研究,整理出一些最有效的故障排除步骤,以帮助您解决此问题,并确保您可以继续在Windows11设备上无缝使用MicrosoftPhotos应用程序。修复Windows11中无法保存更改照片应用程序的错误许多用户在不同的论坛上一直在谈论MicrosoftPhotos应用程序错

如何在Mac上查看剪贴板历史记录 如何在Mac上查看剪贴板历史记录 Sep 14, 2023 pm 12:09 PM

从“访达”查看macOS剪贴板历史记录当您在Mac上复制任何内容(文本,图像,文件,URL等)时,它会进入“剪贴板”。以下是查看Mac上上次复制的内容的方法。转到Finder,然后单击菜单栏中的“编辑”点击“显示剪贴板”这将打开一个窗口,显示macOS剪贴板的内容。在Mac中获取包含多个项目的剪贴板历史记录当然,本机Mac剪贴板历史记录并不是您可以拥有的最通用的工具。它只显示您复制的最后内容,因此,如果您希望一次复制多个内容,然后将它们全部粘贴在一起,那么您根本无法做到这一点。但是,如果您正在寻

掌握在 iPhone 和 iPad 上使用'无边记”应用程序的技巧 掌握在 iPhone 和 iPad 上使用'无边记”应用程序的技巧 Nov 18, 2023 pm 01:45 PM

iPhone上的无边记是什么?与iOS17日记应用程序一样,无边记是一款具有大量创意潜力的生产力应用程序。这是一个将想法变为现实的好地方。您可以安排项目、集思广益或创建情绪板,这样您就不会没有空间来表达自己的想法。该应用程序允许您在无限画布上的任何位置添加照片、视频、音频、文档、PDF、网络链接、贴纸等。“无边记”中的许多工具(如画笔、形状等)对于使用iWork应用程序(如Keynote讲演或备忘录)的任何人都很熟悉。与同事、队友和小组项目成员进行实时协作也很容易,因为Freeform允许通过消

照片无法打开此文件,因为格式不受支持或文件已损坏 照片无法打开此文件,因为格式不受支持或文件已损坏 Feb 22, 2024 am 09:49 AM

在Windows系统中,照片应用是一个便捷的方式来查看和管理照片和视频。通过这个应用程序,用户可以轻松访问他们的多媒体文件,而无需安装额外的软件。然而,有时候用户可能会碰到一些问题,比如在使用照片应用时遇到“无法打开此文件,因为不支持该格式”的错误提示,或者在尝试打开照片或视频时出现文件损坏的问题。这种情况可能会让用户感到困惑和不便,需要进行一些调查和修复来解决这些问题。当用户尝试在Photos应用程序上打开照片或视频时,会看到以下错误。抱歉,照片无法打开此文件,因为当前不支持该格式,或者该文件

如何解决应用程序启动错误0xc000012d问题 如何解决应用程序启动错误0xc000012d问题 Jan 02, 2024 pm 12:53 PM

当小伙伴的电脑缺失一定的文件之后就会出现应用程序无法正常启动0xc000012d的情况,其实只要重新下载文件并安装就可以很好的解决了哟。应用程序无法正常启动0xc000012d:1、首先用户需要下载“.netframework”。2、然后找到下载地址并将其下载到自己的计算机上。3、然后在桌面双击开始运行。4、安装完成之后返回之前错误的程序位置,再次打开程序即可。

MS Paint在Windows 11中无法正常工作 MS Paint在Windows 11中无法正常工作 Mar 09, 2024 am 09:52 AM

MicrosoftPaint在Windows11/10中不起作用吗?嗯,这似乎是一个常见的问题,我们有一些很好的解决方案来解决这个问题。用户一直抱怨说,当试图使用MSPaint时,无法工作或打开。应用程序中的滚动条不起作用,粘贴图标没有显示,崩溃,等等。幸运的是,我们收集了一些最有效的故障排除方法来帮助您解决MicrosoftPaint应用程序的问题。为什么MicrosoftPaint不起作用?MSPaint无法在Windows11/10PC上运行的一些可能原因如下:安全标识符已损坏。挂起的系统

修复caa90019 Microsoft团队错误 修复caa90019 Microsoft团队错误 Feb 19, 2024 pm 02:30 PM

许多用户一直在抱怨,每次尝试使用MicrosoftTeams登录时都会遇到错误代码caa90019。尽管这是一款方便的沟通应用程序,但这种错误却很普遍。修复MicrosoftTeams错误:caa90019在这种情况下,系统显示的错误消息为:“抱歉,我们目前遇到问题。”我们已准备好一份终极解决方案清单,可帮助您解决MicrosoftTeams错误caa90019。初步步骤以管理员身份运行清除MicrosoftTeams应用程序缓存删除settings.json文件从凭据管理器中清除Microso

如何将Apple Vision Pro连接到PC 如何将Apple Vision Pro连接到PC Apr 08, 2024 pm 09:01 PM

AppleVisionPro头戴式设备本身与电脑不兼容,因此您必须将其配置为连接到Windows电脑。自推出以来,AppleVisionPro一直备受追捧,拥有其尖端功能和广泛的可操作性,很容易理解原因。虽然您可以对其进行一些调整以适应PC,并且其功能在很大程度上取决于AppleOS,因此其功能将受到限制。如何将AppleVisionPro连接到我的电脑?1.验证系统要求你需要最新版本的Windows11(不支持自定义电脑和Surface设备)支持64位2GHZ或更快的快速处理器高性能GPU,最

See all articles