Hi Leute,
ich eigne mir gerade Wissen zu WebApps auf mobilen Endgeräten an. Ich wollte mir mit Hilfe von Cache Manifest eine Seite auch offline verfügbar machen. Dazu folgende Dateien:
index.html
HTML
<!DOCTYPE html>
<html manifest="cache/todolist.manifest">
<head>
<title>Offline App</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<style type="text/css">
body {margin: 0px; padding: 0px;}
</style>
</head>
<body>
Startseite<br />
<a href="offline.html">Offline Ansicht</a>
</body>
</html>
offline.html
HTML
<!DOCTYPE html>
<html manifest="cache/todolist.manifest">
<head>
<title>Offline App</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<style type="text/css">
body {margin: 0px; padding: 0px;}
</style>
</head>
<body>
Offline Ansicht
<a href="index.html">Startseite</a>
</body>
</html>
.htaccess
Code
AddType text/cache-manifest .manifest
todolist.manifest
Code
CACHE MANIFEST
# Updated 2013-11-03, v.1.0.4
CACHE:
/index.html
/offline.htmlFolgendes Szenario:
1. Ich rufe die index.html auf
2. Ich geh in Offline-Modus mit meinem Tablet
3. Ich klicke den Link auf der index.html, der zur offline.html führen sollte
-> Diese wird mir nicht angezeigt, obwohl ich diese ja beim Aufruf der index.html gecached habe. Was verstehe ich falsch oder was mache ich falsch?
Kann mir jemand helfen? Ich würde mich sehr freuen, wenn ich weiterkommen würde!
Beste Grüße,
CroWe
und als Kram würde ich das auch nicht unbedingt bezeichnen. Man kann durchaus seine Vorteile daraus ziehen.