Déclenchement d'événements sur le cache manifest de FF

**windiver** · 03/12/2012, 16h34

Bonjour,

Voila, j’essaie de comprendre avec un exemple simple le CACHE MANIFEST. J'aimerais faire le contrôle de la version du CACHE MANIFEST et recharger le cache si la version a changé. ça me semble assez simple, mais je n'y arrive pas !!

J'ai donc écrit (ou pris à droite et à gauche dans différent tutoriel) le code suivant (ma page status.html):

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html manifest="gmas.manifest">
  <head>    
  <meta charset="utf-8" />
  <meta name="generator" content="PSPad editor, www.pspad.com"> 
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
  <title>appInventaire</title>
 
  <script>
 
 
  function logEvent(a) {
    console.log(a.type);
    switch (a.type)
    {
      case "checking":
          document.getElementById('container').innerHTML = "Vérification...";
      break;
      case "noupdate":
          document.getElementById('container').innerHTML = "Version à jour";
      break;
      case "progress":
          document.getElementById('container').innerHTML = "En cours";  
      break;
      case "downloading":
          document.getElementById('container').innerHTML = "Téléchargement en cours...";
      break;
      case "cached":
          document.getElementById('container').innerHTML = "A jour";
      break;
      case "updateready":
          document.getElementById('container').innerHTML = "Mise à jour installée";
      break;
      case "obsolete":
          document.getElementById('container').innerHTML = "Version obsolete";
      break;
      case "error":
          document.getElementById('container').innerHTML = "Erreur";
      break;
      default:
          document.getElementById('container').innerHTML = "En attente...";
      break;
    } 
    if (a.type == "updateready" || a.type == "cached") {
        window.applicationCache.swapCache();
    }
    if (a.lengthComputable) {
        console.log("total:" + a.total + "  loaded:" + a.loaded);
    }
    if (a.type == "error") {
        window.applicationCache.update();
        document.getElementById('container').innerHTML = "Mise à jour forcée";
 
    }
 
  }  
 
  $(function() {
        if(window.applicationCache){
            window.applicationCache.addEventListener("checking", logEvent, false);
            window.applicationCache.addEventListener("downloading", logEvent, false);
            window.applicationCache.addEventListener("noupdate", logEvent, false);
            window.applicationCache.addEventListener("progress", logEvent, false);
            window.applicationCache.addEventListener("error", logEvent, false);
            window.applicationCache.addEventListener("cached", logEvent, false);
            window.applicationCache.addEventListener("updateready", logEvent, false);
            window.applicationCache.addEventListener("obsolete", logEvent, false);
        }
  });
 
 
  </script>
  <style type="text/css">
 
  #container.default{
    position:absolute;
    right: 2px;
    top: 2px;
    width: 200px;
    height:18px;
    color: #fff;
    padding: 1px 3px;
    background-color: #000; 
    opacity:0.7;
    font-size:13px;
  } 
 
  </style>
  </head>
  <body>
 
 
    <div id="container" class="default">???</div>
  </body>
</html>

mon fichier gmas.manifest :

Code :

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

1
2
3
4
5
6
7
 
CACHE MANIFEST
 
# v1.1 2012-12-03 68
 
status.html
http://code.jquery.com/jquery-latest.min.js

et enfin, mon fichier .htaccess :

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
 
 
AddType text/cache-manifest .appcache
 
 
<IfModule mod_expires.c>
  ExpiresActive on
 
# cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5)
  ExpiresByType text/cache-manifest       "access plus 0 seconds"
 
  <IfModule mod_headers.c>
    Header append Cache-Control "public"
  </IfModule>
 
</IfModule>

Avec ce code et en utilisant Chrome, les événements 'CHECKING' puis 'DOWNLOADING' sont bien déclenchées.
Par contre avec FF 17, j'ai seulement les événements 'CHECKING' puis 'ERROR' (et seulement ceux là, sans jamais avoir d'autres événements déclenchés)

Je ne comprends pas pourquoi et je ne sais pas comment corriger ce problème.

Par avance merci pour votre aide.
Laurent

**windiver** · 10/12/2012, 20h43

Bonsoir,

N'y a-t-il personne pour m'aider à avancer sur ce problème ?
Peut-être je ne suis pas très claire dans l'explication ?

Merci d'avance
Laurent

**SylvainPV** · 10/12/2012, 21h12

Bonsoir,

Désolé, ta question est très claire mais parfois certaines questions s'égarent. Si tu n'as pas eu de réponse en 3 jours n'hésite pas à relancer.

Le code a l'air bon, de plus si tu dis que ça fonctionne sur Chrome et les versions précédentes de FF ça me conforte dans l'idée que tout est correct. Je pencherais plus sur une régression propre à cette version 17. D'ailleurs j'ai eu moi-même quelques soucis spécifiques à la version 17, mais qui n'avaient rien à voir avec ce cas-ci (bug de rendu CSS)

Vu que tu log l'évènement error, peux-tu nous donner tout le contenu de cet évènement (un console.log(a) dans logEvent fera l'affaire)

Déclenchement d'événements sur le cache manifest de FF

JavaScript

Vue hybride

Discussions similaires

Partager

Partager