Il semble que offline app est pris en charge sur la plupart des navigateurs. je copiais l'exemple d'application de WHATWG et le mettre sur un serveur Web, mais il ne fonctionne pas quand je test avec les étapes ci-dessous:Pourquoi l'application Web hors connexion ne fonctionne pas?
- Parcourir pour clock.html avec windows phone 8.1 (IE 11)
- la page semble bien, puis quittez le navigateur
- désactiver les données wifi et cellulaires
- Parcourir à nouveau clock.html mais se
Cannot find server or DNS error
Je ne naviguez en mode privé et n'a pas effacé le cache du navigateur. Je ne sais pas si cela est encore spécifique à Windows Phone, mais je vais tester avec d'autres appareils plus tard.
clock.appcache
CACHE MANIFEST
CACHE:
clock.html
clock.css
clock.js
clock.html
<!DOCTYPE html>
<html manifest="clock.appcache">
<head>
<title>Clock</title>
<script src="clock.js"></script>
<link rel="stylesheet" href="clock.css">
</head>
<body onload="updateIndicator()" ononline="updateIndicator()" onoffline="updateIndicator()">
<div>The network is: <span id="indicator">(state unknown)</span></div>
<div>The time is: <span id="clock"></span></div>
</body>
</html>
clock.css
.clock { font: 2em sans-serif; }
clock.js
setInterval(function() {
document.getElementById('clock').innerHTML = new Date();
}, 1000);
function updateIndicator() {
document.getElementById('indicator').innerHTML = navigator.onLine ? 'online' : 'offline';
}
lorsque déconnecté, l'actualisation de la page me redonnera la même erreur. Des idées pour résoudre cela? –
@RayCheng Il pourrait s'agir des en-têtes de cache. 'no-store' causera des problèmes. D'autres comme 'private' pourraient mais je ne suis pas sûr. Ces en-têtes sont parfois définis automatiquement si le fichier nécessite une authentification pour accéder ou est généré par le code. – Nicholas