gpt4 book ai didi

html - 无法让简单的 html5 list 缓存工作!

转载 作者:太空狗 更新时间:2023-10-29 13:30:17 25 4
gpt4 key购买 nike

我正在尝试让一个简单的 html5 网络缓存工作。

这是我唯一的 html 页面,index.html:

<!DOCTYPE HTML>

<html manifest="./main.manifest">
<body>
<p>Hi.</p>
</body>
</html>

这是我唯一的缓存文件,main.manifest:

CACHE MANIFEST
# 2011-05-02-03

index.html

我在 apache 共享主机上运行,​​我在我的 web 目录中放置了一个 .htaccess 文件,这两个文件所在的位置,因为我想也许我必须定义 mime 类型:

AddType text/cache-manifest .manifest

所以最后我在该目录中只有这三个文件:

index.html
main.manifest
.htaccess

当我从我的 mac 上的 chrome、从我的 iphone 上的 safari 或从我的 android 2.3 设备上的 chrome 上访问页面时,没有任何反应,页面只是像往常一样加载。如果我打开飞行模式(终止所有连接),则无法加载页面(所以我猜缓存失败)。

我在这里错过了什么?

谢谢

------------更新----------------

我认为 MIME 类型没有被正确识别。我将 .htaccess 更新为:

AddType text/cache-manifest manifest

现在,如果我在打开控制台的情况下在 google chrome 中运行,我会看到:

Document was loaded from Application Cache with manifest
http://example.com/foo/main.manifest
Application Cache Checking event
Application Cache NoUpdate event

当我加载有关要让我将其存储到磁盘的网站的页面时,Firefox 会提示我,这很好。看起来它也适用于 android 2.3.4。浏览器仍然显示“无法加载此页面,因为您未连接到互联网”,但无论如何它都会加载。

谢谢!

最佳答案

首先,您第一次在 MIME 类型声明上是正确的。应该是这样的:

AddType text/cache-manifest .manifest

接下来,阅读来自Dive Into HTML5的这段话:

Q: Do I need to list my HTML pages in my cache manifest?

A: Yes and no. If your entire web application is contained in a singlepage, just make sure that page points to the cache manifest using themanifest attribute. When you navigate to an HTML page with a manifestattribute, the page itself is assumed to be part of the webapplication, so you don’t need to list it in the manifest file itself.However, if your web application spans multiple pages, you should listall of the HTML pages in the manifest file, otherwise the browserwould not know that there are other HTML pages that need to bedownloaded and cached.

因此,在这种情况下,您不需要缓存 list 。浏览器将自动缓存您的页面(只要它是唯一的资源,例如 CSS 文件或 Javascript 文件)。

有关更多信息,请访问上面的链接。

关于html - 无法让简单的 html5 list 缓存工作!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5863380/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com