AppCache html5,修改清单文件不会更新index.html的内容吗?

时间:2017-03-29 15:57:19

标签: html5-appcache

link开始,它说:

  

缓存一个应用程序后,它会一直缓存,直到其中一个   发生以下情况:

     
      
  1. 用户清除浏览器的缓存
  2.   
  3. 清单文件已修改(请参阅下面的提示)
  4.   
  5. 应用程序缓存以编程方式更新
  6.   

按照互联网的说明,对于清单文件,我使用的是版本号。当我使用01.jpg将index.html的内容更改为02.jpg时 - 我还更改了清单文件的版本号。

通过上述步骤,它可以在我的Win7 Wamp Server本地主机中运行。但是,一旦我在我的网络服务器上执行相同的步骤(在将文件上传到网络服务器之后) - 它就无法工作。

有人可以帮助我,我做错了什么?

Document was loaded from Application Cache with manifest http://www.example.com/test/offline.appcache

Application Cache Checking event

Navigated to http://www.example.com/test/

Application Cache NoUpdate event

在我修改了index.html文件中清单文件的版本号(从#01到#02)和jpg文件(从01.jpg到02.jpg)之后,上面是Chrome浏览器控制台。 / p>

offline.appcache CACHE文件列表没有变化,版本号除外:

CACHE MANIFEST
# 2017-03-25 version#01
uploads/event.jpg
uploads/baby.jpg
/favicon.ico

NETWORK:
indexPHP.php

index.html文件:

<!DOCTYPE html>
<html manifest="offline.appcache">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style></style>
</head>
<body>
<img src="uploads/01.jpg"> 
</body>
</html>

<script type="text/javascript">
function onUpdateReady() {
alert("offline files will be updated");
  window.location.reload();
}
window.applicationCache.addEventListener('updateready', onUpdateReady);
if(window.applicationCache.status === window.applicationCache.UPDATEREADY) {
  onUpdateReady();}

</script>

.htaccess文件:

AddType text/cache-manifest .appcache

&#34;树&#34; :

example.com/.htaccess
example.com/favicon.ico
example.com/test/index.html
example.com/test/offline.appcache
example.com/test/uploads/01.jpg
example.com/test/uploads/02.jpg

先谢谢你。

0 个答案:

没有答案