I'm trying to get a website to work in offline mode but it only displays correctly on Chrome. Safari only loads the html (ignores the cache manifest) and firefox doesn't display anything when offline.
By offline, I mean I switch switch off wi-fi and have no internet connection. If using a cache manifest file, shouldn't it still work?
The cache manifest file has the following content:
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:
*
Here is the 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>
Here is a link to what I've created: manifestcache.appspot.com
I'd like to get it to work on all browsers.
I'm running web2py/Google App Engine in the backend.