Question

更新

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

我想我的问题归结为：如果使用HTML标记的manifest属性引用清单的文件属于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目录没有显示！？！？

感谢您的时间！

Answer 1

这是我通过玩耍找到的黑客：

我还没有找到最终答案，但从我所学到的东西来看，似乎并不是每一页都要设置清单。我不确定，但这是我遇到的黑客攻击。我有一个如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>

Answer 2

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

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

Answer 3

我想Iframe解决方法不起作用。如果你认为这些文件是从appcache中获取的：没有。它们来自浏览器缓存。

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

我的HTML5应用程序缓存清单正在缓存所有内容

3 个答案: