HTML5离线缓存Manifest怎么使用

发布时间:2022-03-01 15:28:37 作者:iii
来源:亿速云 阅读:221

本篇内容主要讲解“HTML5离线缓存Manifest怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML5离线缓存Manifest怎么使用”吧!

  什么是manifest?

  简单来说manifest能让你的应用在无网的情况下也能访问。

  它有三大优势:

  1、离线浏览,无网情况下也能正常访问;

  2、更快的加载速度,缓存在本地访问速度自然更快;

  3、减轻服务请求压力,文件缓存后不需要再次请求,只需要请求需要更新的文件。

  如何使用?

  XML/HTML Code复制内容到剪贴板

  <!DOCTYPE HTML>

  <html manifest="demo.appcache">

  &hellip;

  </html>

  你需要在你想要缓存的web app的每一页中都包含 manifest 属性。如果一个页面没有 manifest属性,它将不会被缓存(除非在manifest文件中显式指定了这 个页面)。这意味着只要用户访问的页面包含manifest属性,它都将会被加入application cache中。这样,就不用在manifest文件中指定需要缓存哪些页面了。

  Manifest属性可以指定一个绝对URL或是一个相对路径,但是,一个绝对URL需要和web app是同源的。一个manifest文件可以是任何扩展文件类型,但必须有正确的mime-type,比如在Apache中添加

  “AddType text/cache-manifest .appcache”。

  Manifest文件

  manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。

  manifest 文件可分为三个部分:

  CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存

  NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存

  FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)

到此,相信大家对“HTML5离线缓存Manifest怎么使用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. Android Manifest内容解析
  2. 浅谈Manifest文件

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 manifest

上一篇:html简单的网站代码怎么写

下一篇:HTML中常见伪类和伪元素有什么区别

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》