HTML5离线内容仅适用于Chrome。

时间:2013-12-14 15:07:36

标签: html5 web2py offline-caching cache-manifest

我正在尝试让网站在离线模式下工作,但它只能在Chrome上正确显示。 Safari只加载html(忽略缓存清单),firefox在离线时不显示任何内容。

离线,我的意思是我关掉Wi-Fi开关,没有互联网连接。如果使用缓存清单文件,它不应该仍然有用吗?

缓存清单文件包含以下内容:

CACHE MANIFEST
CACHE:
/cachetest/static/css/bootstrap.min.css
/cachetest/static/images/logo.png
/cachetest/static/js/main.js
//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js
NETWORK:
*

这是html:

<!DOCTYPE html>
  <html lang="en" manifest="cache.manifest">
  <head>
    <title>Offline Content Test</title>
    <link href="/cachetest/static/css/bootstrap.min.css" rel="stylesheet">     
  </head>
  <body>
     <div class="container">
    <div class="row">
        <img class="span4" src="/cachetest/static/images/logo.png" alt="logo">              
    </div>
    <div class="row">
        <div class="span12">        
        <h1>Cache Test</h1>
        <h2>Current Status:<span id="status" class="muted">Wait</span></h2>
        </div>      
    </div>
     </div>
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
     <script src="/cachetest/static/js/main.js"></script>    
  </body>
</html>

以下是我创建的链接:manifestcache.appspot.com

我想让它适用于所有浏览器。

我在后端运行web2py / Google App Engine。

0 个答案:

没有答案