[HTML 5] Ressources hors ligne

**Evangelia** · 23/03/2009, 09h44

Salutations a tous !

J'ai un petit souci concernant l'utilisation des ressources hors ligne... (via le fichier manifest)
Lorsque je fais mes tests en localhost ou sur mon serveur Free, a chaque fois il me télécharge rien et j'ai une erreur.
Voici un peu de code :

index.html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html manifest="iPhone.manifest">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="iPhone.js"></script>
</head>
 
<body onload="javascript:loaded();">
<div style="text-align:center">
	<img alt="" src="blah.jpg" align="bottom" />
</div>
</body>
</html>

iPhone.manifest :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
CACHE MANIFEST
 
blah.jpg

iPhone.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function loaded() {
	document.body.addEventListener('offline', function () { alert('offline'); }, false);
	document.body.addEventListener('online', function () { alert('online'); }, false);
 
	var cache = window.applicationCache;
	cache.addEventListener('error', function () { alert('error: '+cache.status); }, false);
	cache.addEventListener('checking', function(){ alert('checking: '+cache.status); }, false);
	cache.addEventListener('noupdate', function(){ alert('noupdate: '+cache.status); }, false);
	cache.addEventListener('downloading', function(){ alert('downloading: '+cache.status); }, false);
	cache.addEventListener('progress', function(){ alert('progress: '+cache.status); }, false);
	cache.addEventListener('updateready', function(){ alert('updateready: '+cache.status); }, false);
	cache.addEventListener('cached', function(){ alert('cached: '+cache.status); }, false);
}

Les messages du cache sont : "checking: 2" puis "error: 2". (le 2 correspond à : CHECKING 2 The application cache manifest is being fetched and checked for updates. ; dixit MDC)

J'avais downloadé un exemple de TODO et "copié-collé-adapté" en localhost et sur mon serveur Free mais ca me faisait pareil, 0 octets en download, alors que la démo en ligne me dl bien des ressources (l'appli en elle-meme marche sinon).

Quelqu'un aurait une idée de la procédure a suivre pr que ca marche ? é_è Et également comment afficher l'erreur qui est throwée ?

Merci bcp d'avance !!!

**emmanuel.remy** · 24/03/2009, 01h59

Salut,

Ton souci provient du fait que le type mime text/cache-manifest doit être associé au fichier d'estension .manifest

Ajout ceci dans ta configuration de Apache

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
    AddType text/cache-manifest .manifest

ERE

**Evangelia** · 24/03/2009, 12h10

wooooooow cooooool merci bcp !!! Trois jours de recherche et de tirages de cheveux pour juste une ligne... ><

**emmanuel.remy** · 24/03/2009, 12h54

Envoyé par Evangelia

wooooooow cooooool merci bcp !!! Trois jours de recherche et de tirages de cheveux pour juste une ligne... ><

Cela fait plaisir à lire !

ERE

**emmanuel.remy** · 24/03/2009, 18h34

Salut,

Je n'ai pas Firefox 3.5 donc je ne peux pas trop t'en dire plus que ce que je sais de la version 3.

Firefox 3 a un implémentation très partielle de la gestion du cache et le comportement que tu remontes ne m'étonne pas.
Il faut se méfier car c'est le fait que le fichier manifest est modifié qui déclenchera une mise à jour du cache. Ce n'est pas la date de modification des uri présentes dans le manifest. C'est pour cela qu'on recommande de mettre un commentaire dans le fichier manifest sous le forme de son numéro de version. Ainsi à chaque changement de version, le manifest est à jour et le navigateur fait la mise à jour du cache.

Enfin, de mémoire la mise à jour du cache écrase l'ancien cache. Mais tout cela change peut-être avec Firefox 3.5, étant donné que Firefox 3 ne gérait pas de groupe de cache (toutes les applications partageaient le même cache).

Suis interessé si tu as des news plus fraiches

A suivre,

ERE

**Evangelia** · 25/03/2009, 10h32

Salut !

merci de te pencher sur mes problemes...
Alors mon code est devenu ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function loaded() {
	var cache = window.applicationCache;
	cache.addEventListener('error', function () { alert('error: '+cache.status); }, false);
	cache.addEventListener('checking', function(){ alert('checking: '+cache.status); }, false);
	cache.addEventListener('noupdate', function(){ alert('noupdate: '+cache.status); }, false);
	cache.addEventListener('downloading', function(){ alert('downloading: '+cache.status); }, false);
	cache.addEventListener('progress', function(){ alert('progress: '+cache.status); }, false);
	cache.addEventListener('updateready', function(){ alert('updateready: '+cache.status); }, false);
	cache.addEventListener('cached', function(){ alert('cached: '+cache.status); }, false);
 
	setInterval("refreshCache()", 60000);
}
 
function refreshCache(){
	window.applicationCache.update();
	window.applicationCache.swapCache();
}

Donc en gros, je rajoute un timer toutes les minutes pour recharger le cache.

1er cas : je ne touche pas au cache-manifest entre le chargement de la page et le refresh JS.
Sous FF3.0.7:
- onLoad: checking 2, dl 3, progress 3, cached 1
- refresh: checking 2, noupdate 2
Sous FF3.5:
- onLoad: checking 0, dl 0, progress 0, cached 0
- refresh: checking 0, noupdate 1 (si FF3.0.7 est fermé, checking 2, noupdate 1 ; doit y avoir un conflit ou quelque chose du genre mais bon, ça rentre pas dans mon probleme)
2nd cas : je rajoute des ressources au cache-manifest entre le chargement de la page et le refresh JS.
Sous FF3.0.7:
- onLoad: checking 2, dl 3, progress 3, cached 1
- refresh: checking 2, dl 3, progress 3, cached 1
Sous FF3.5:
- onLoad: checking 0, dl 0, progress 0, cached 0
- refresh: checking 0, dl 3, progress 3, updateready 4

Si je me fie au MDC, tout ce qui est avant la version 3.5 n'est pas fiable, ce qui justifie le updateready, ainsi que le swap() qui me provoque une erreur dans la console. Par contre, aucune action est lancée lorsque je modifie le fichier manifest...

et le updateready, c'est moi qui le declenche

Sinon, par rapport au cache, apparemment Firefox 3.5 gère les groupes de caches (A cache group is a set of the different versions of a cache for the same cache manifest. ; dixit MDC).

Enfin bref, apparemment les gens de ma boite sont un peu sceptiques quant a son utilisation donc je risque de pas m'attarder trop dessus... :s De toute façon, si c'est pas possible de supprimer du disque les ressources téléchargées, cette solution est refusée de suite et j'aurai pas beaucoup de temps a consacrer dessus...

(du moins au taff...)

Enfin voilà, je pense que pour utiliser avec un max de sécurité cette fonctionnalité, faut utiliser Firefox 3.5 au moins mais ça bug un chouillas (sous Ubuntu) et Firebug n'est pas encore adapté.

Idem, je suis preneuse si tu as des news ou idées ^_^

Merci !

A suivre ... ?

**emmanuel.remy** · 25/03/2009, 18h56

Envoyé par Evangelia

A suivre ... ?

De mon côté je vais faire quelques tests prochainement pour le cache et le session storage. Je te passerai mes résultats.

A+,

ERE

**Evangelia** · 26/03/2009, 12h45

Oki ^^
J'attends de tes news alors

**emmanuel.remy** · 25/03/2009, 12h02

'fin bref, apparemment les gens de ma boite sont un peu sceptiques quant a son utilisation dc je risque de pas m'attarder trop dessus... :s De tte facon, si c'est pas possible de supprimer du disque les ressources dldées, cette solution est refusée de suite et j'aurai pas bcp de tps a consacrer dessus... (du moins au taff...)

A mon avis c'est encore trop jeune pour être jouable. Et si on prend en considération l'aspect multi-navigateurs, c'est encore pire !

En attendant: Google gears ? (sais pas si c'est ok sur Linux)

ERE

**Evangelia** · 25/03/2009, 14h11

Yep me suis déjà penchée sur Google Gears mais le truc c'est que je travaille sur un iPhone donc... Safari
Mais si on travaille ensuite sur le GPhone, pitet

[HTML 5] Ressources hors ligne

HTML

Vue hybride

Discussions similaires

Partager

Partager