23

更新：

** 当这个功能真的很新时，我发布了这个问题，我现在意识到这个功能不应该以这种方式使用，除非它通过 JavaScript 使用。但对于大多数犯同样错误和滥用此功能的初学者来说，似乎这个 hack 是一个很好的解决方案。如果您想缓存除 HTML 之外的所有内容，这应该使用 JS 完成，或者您可以使用下面的解决方案**

我想我的问题归结为：如果使用 HTML 标记的清单属性引用清单的文件属于 MASTER CACHE ENTRIES，那么动态页面如何使用清单。

我的文件如下所示：

CACHE MANIFEST

CACHE:
# IMAGES:
/stylesheets/bg.jpg
/stylesheets/cont_bg.png
#and so forth.. 

#EXTERNAL
http://chat.mydomain.com/themes/images/panel_bg.png
http://chat.mydomain.com/themes/images/images_core.png

####################################
#STYLE SHEETS:
/stylesheets/min.css
/stylesheets/css_night.aspx

#####################################
#JAVASCRIPT:
/JAVASCRIPT/header_javascript.js

#EXTERNAL:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

FALLBACK:
/ /offline.php

NETWORK:
*

现在的问题是，一旦我浏览了不在清单中的页面，我的实际动态 php 文件（如 index.php），当我第一次看到该页面并且没有缓存 chrome 时：

Adding master entry to Application Cache with manifest http://208.109.248.197/manifest.appcache

Application Cache Downloading event
Application Cache Progress event (0 of 28) 
...
Application Cache Progress event (28 of 28) 
Application Cache NoUpdate event

到目前为止一切顺利，直到我实际加载一个页面，并且 chrome 运行：

Application Cache UpdateReady event
Adding master entry to Application Cache with manifest http://mydomain.com/manifest.appcache

现在正如您在最后一行中看到的那样，它将 index.php 添加到我的应用程序缓存中，我通过转到 url 验证了这一点：chrome://appcache-internals/

它说：

Flags   URL Size (headers and data)
Explicit,   http://mydomain/JAVASCRIPT/header_javascript.js 57.5 kB
Master, http://mydomain/home.php 51.2 kB
Master, http://mydomain/index.php   53.5 kB
Master, Fallback,   http://mydomain/offline.php 49.4 kB

index.php 和 home.php 之类的东西不应该被缓存。如果可能，我想告诉它不要缓存任何 html 扩展。但这是我从各种 RFC 中学到的东西：一个在线白名单通配符标志，它要么是开放的，要么是阻塞的。

The open state indicates that any URL not listed as cached is to be implicitly treated as being in the online whitelist namespaces; the blocking state indicates that URLs not listed explicitly in the manifest are to be treated as unavailable.

好吧，我想使用这些在线白名单通配符标志之一并将其设置为阻止，但我找不到更多解释或示例。我还读到：

zero or more URLs that form the online whitelist namespaces.

These are used as prefix match patterns, and declare URLs for which the user agent will ignore the application cache, instead fetching them normally (i.e. from the network or locale HTTP cache as appropriate).

我也想使用一些这样的模式，但我又找不到任何文档。为什么没有 appcache 清单文档的迹象，而且我去过的其他网站也没有使用它，因为我的 chrome appcache 目录没有显示！？！？

感谢您的时间！

4

3 回答 3

26

这是我在玩耍时发现的一个技巧：

我还没有找到最终的答案，但据我所知，清单似乎并不是要在每一页上设置。我再次不确定，但这是我遇到的一个黑客。我有一个页面，例如 manifest.html，其中包含

<html manifest="manifest.appcache">

我了解到没有这个的页面不会被添加到缓存中，但是如果在同一个域中，它们仍然会继续使用应用程序缓存。因此，如果您包含 manifest.html 一个普通的 html 页面，该页面在每个页面的 iframe 中都有它，它将不会缓存该页面，如 chrome 将不再输出：

Adding master entry to Application Cache with manifest

但是如果你去网络选项卡你会看到它正在使用缓存

<iframe id='manifest_iframe_hack' 
  style='display: none;' 
  src='temporary_manifest_hack.html'>
</iframe>

temporary_manifest_hack.html 的内容：

<!DOCTYPE HTML>
<html lang="en" class="no-js" manifest="manifest.appcache">
    <head>
        <meta charset="utf-8">
        <title>Hack 4 Manifest</title>
    </head>
    <body></body>
</html>
于 2012-02-15T03:48:16.310 回答
10

appcache 始终包含在 html 标记中包含 manifest 属性的页面。

如果您希望该页面本身是动态的，则必须通过对 NETWORK 部分中的服务的 ajax 调用将内容加载到其中。

于 2012-05-08T21:34:50.847 回答
3

我猜 Iframe 解决方法不起作用。如果您认为文件是从 appcache 加载的：否。它们来自浏览器缓存。

在 devtools-settings 中禁用 browsercache 并查看“network”。您可以看到，所有元素都将通过网络加载，而不是来自（应用程序）缓存。

于 2013-08-16T12:52:54.420 回答