2

我正在运行一个 DHTML 页面并希望缓存引用的 HTML、PHP 文件和 IMAGE 文件。

我在 WWW.sitename.COM/sub-dir/ 中有以下所有文件

.htaccess

AddType application/x-httpd-php .html
AddType application/x-httpd-php .htm
AddType text/cache-manifest .manifest
AddHandler server-parsed .html
AddHandler application/x-httpd-php .html .htm

缓存清单

CACHE MANIFEST

# Cache manifest version 0.0.00002

NETWORK:

CACHE:

http://WWW.sitename.COM/sub-dir/index.html
http://WWW.sitename.COM/sub-dir/this.php
http://WWW.sitename.COM/sub-dir/images/first.png
http://WWW.sitename.COM/sub-dir/images/second.png

FALLBACK:

THIS.PHP 文件中的 HTML 清单参考...

<html manifest="http://WWW.sitename.COM/sub-dir/cache.manifest">

检测缓存活动的脚本

<script type="text/javascript">
var cacheStatusValues = [];
cacheStatusValues[0] = 'uncached';
cacheStatusValues[1] = 'idle';
cacheStatusValues[2] = 'checking';
cacheStatusValues[3] = 'downloading';
cacheStatusValues[4] = 'updateready';
cacheStatusValues[5] = 'obsolete';

var cache = window.applicationCache;
cache.addEventListener('cached', logEvent, false);
cache.addEventListener('checking', logEvent, false);
cache.addEventListener('downloading', logEvent, false);
cache.addEventListener('error', logEvent, false);
cache.addEventListener('noupdate', logEvent, false);
cache.addEventListener('obsolete', logEvent, false);
cache.addEventListener('progress', logEvent, false);
cache.addEventListener('updateready', logEvent, false);

function logEvent(e) 
{
var online, status, type, message;
online = (navigator.onLine) ? 'yes' : 'no';
status = cacheStatusValues[cache.status];
type = e.type;
message = 'online: ' + online;
message+= ', event: ' + type;
message+= ', status: ' + status;
if (type == 'error' && navigator.onLine) 
{
    message+= ' (probably a syntax error in cache.manifest)';
}
console.log(message);
}



window.applicationCache.addEventListener(
'updateready',
function(){
    window.applicationCache.swapCache();
    console.log('swap cache has been called');
},
false
);

setInterval(function(){cache.update()}, 10000);

</script>

控制台报告没有缓存任何内容。

任何和所有的帮助都非常感激。

谢谢你。

4

1 回答 1

7

经过大量研究，答案是......

  1. 请勿包含包含

    html manifest="cache.manifest"

    cache.manifest 文件中的标记。

  2. 确保 cache.manifest 文件仅使用相对 URL，而不是 ABSOLUTE。

  3. 确保您的 iPad 在任何系统软件更新后至少重新启动一次。

  4. .htaccess 文件中清单文件的正确 MIME 类型是

    AddType 文本/缓存清单 .manifest

感谢 dev.bjorn.com/723 上的 Bjorn 帮助我到达那里……一篇值得一读的好博文。

于 2013-04-21T14:14:24.490 回答