html 5 离线存储

发布于 2024-11-14 10:11:37 字数 229 浏览 2 评论 0原文

您好,我有一个关于 html5 离线存储的问题。当我有一个在 php 中动态生成的网站并且我想让它可以离线访问时...我有一个包含所有图像、js、css 等的清单文件,但应该我也包含了正确网站的 URL 吗?或者当我进入网站的特定部分时,它会自动保存 html 标记,并且在重新加载时会选择缓存的版本? 我有一个主模板,其中我将清单文件与所有缓存的内容(对于整个站点)链接起来,因此每个生成的 html 文档都链接了相同的清单文件。 效果如何?

Hi I have a question about html5 offline storage..When I have a site which is dynamicaly generated in php and I want make it accessible offline...I have a manifest file with all images, js, css and so on, but should I include too URLs of proper sites? Or when I go on particular part of my site, it will automatically save html markup and when reloading it will choose the cached version?
I have main template where I have linked the manifest file with all the cached stuff (for whole site), so every generated html document have the same manifest file linked in..
How is that working?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦回旧景 2024-11-21 10:11:37

您可以采用两种不同的方法将文件包含在缓存清单中。

  1. 如果您希望所有内容立即可用,则需要在缓存清单中列出所有 url。当第一页加载时,所有这些 url 将被缓存。
  2. 如果你想延迟加载页面到缓存中,你只需要包含图像、js、css和其他补充文件。当您转到指定了缓存清单的第一页时,它将缓存该页面以及清单中列出的所有文件。其他 html 页面在您实际访问之前不会被缓存。如果您立即离线,清单中将只有一个 html 文件。

对于我们的网站,我们选择了选项 1,因为我们希望与当天内容相关的所有页面都立即可用。

There are two different approaches you can take with including files in your cache manifest.

  1. If you want everything to be available immediately, you need to list all the urls in the cache manifest. All of those url's will be cached when the first page loads.
  2. If you want to lazy load pages into the cache, you only need to include the images, js, css, and other supplementary files. When you go to the first page with a cache manifest specified, it will cache that page and all the files listed in the manifest. Other html pages will not be cached until you actually visit them. If you went offline immediately, you would only have a single html file in the manifest.

For our site, we chose option 1, because we wanted all pages related to the current day's content to be available immediately.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文