Fichier appCache avec IE et Safari

**laurentg2003** · 03/12/2013, 15h38

Bonjour,
Voici mon entête HTML

Code :

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

<html lang="en" manifest="cache.appcache">

Voici mon fichier appCache :

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
CACHE MANIFEST
 
# version 36.0
CACHE:
http://www.anna-tatishvili-fan.hostoi.com/anna3/index.html
http://www.anna-tatishvili-fan.hostoi.com/anna3/style.css
http://www.anna-tatishvili-fan.hostoi.com/anna3/blockquote.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/header1.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/header2.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/article1.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/article2.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/designRight1.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/designRight2.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/annatatishviliweb.png
http://www.anna-tatishvili-fan.hostoi.com/anna3/annaImg2.jpg
http://www.anna-tatishvili-fan.hostoi.com/anna3/backgroundMainBloc.png
NETWORK:
*
FALLBACK:
/ fallback.html

Je suis le tutoriel très clair :http://msdn.microsoft.com/fr-fr/libr...=vs.85%29.aspx
Le fait est que tout cela fonctionne sous Firefox, Google Chrome et Opera ou les gestionnaire d'evenement fonctionnent avec des progress etc Checking ,Progress tend à démontrer que tout est en ordre .Mais sous internet explorer et safari on a : checking et error
Alors avec le validateur du fichier cache, il y a un warning indiquant que le fichier est reconnu comme un fichier texte et non pas appcache mais que cela fonctionnera quant même mais du coup type=text/appcache ne sert à rien ,de plus impossible de mettre le fichier cache en utf8 UTF-8 (8-bit Unicode Transformation Format) ;
Merci de m'aider car si HTML5 est révolutionnaire ce n'est pas facile à mettre en oeuvre

**Kaamo** · 03/12/2013, 17h38

Content-Type: text/cache-manifest dans le header

Comment ça impossible de le mettre en UTF8

Si c'est une page statique tu la convertis en UTF8 avec ton éditeur préféré. Si c'est une page généré par le serveur, tu utilises la fonction qui va bien (exemple PHP : echo utf8_encode('CACHE MANIFEST // etc') )

**laurentg2003** · 03/12/2013, 19h28

Merci pour ta réponse donc

Code :

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

<html lang="en" Content-Type="text/cache-manifest" manifest="http://www.anna-tatishvili-fan.hostoi.com/anna3/cache.appcache">

? sinon pour le UTF8 c'est du UTF8 (8-bit Unicode Transformation Format) ;c'est le 8-bit Unicode Transformation Format qui me pose problème le UTF8 classique provoque un message d'erreur vu qu'il ajoute les signes bien connus notepad++ ne prend pas ce UTF8 en charge
voilà le soucis

**NoSmoking** · 03/12/2013, 20h14

Bonjour,
à toute fins utiles

Passez à l'UTF-8 sans manquer une étape

**laurentg2003** · 03/12/2013, 21h14

Merci pour ce lien que j'ai dans mes favoris

mais c'est le fichier manifest qui doit être au format UTF8 et impossible d'y mettre la moindre balise
avec Firefox ,j'ai une erreur sur le téléchargement sur un fichier je dois voir lequel

**NoSmoking** · 03/12/2013, 22h45

...qui me pose problème le UTF8 classique provoque un message d'erreur vu qu'il ajoute les signes bien connus

de quels signes parles tu ? Si c'est ceux là ï»¿, il faut encoder UTF-8 sans BOM.

**laurentg2003** · 04/12/2013, 12h58

Bonjour,
Effectivement j'ai encodé en UTF8 sans bom et rajouté dans mon répertoire courant un .htaccess avec AddType text/cache-manifest .appcache et là j'obtiens au validateur

Code :

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

This document was successfully checked

Internet explorer et Safari ont besoin que le fichier ai le type mine appcache
Alors que les autres se contentent du format texte
Donc tout fonctionne

Firefox charge le cache mais n'affiche pas toujours les différents status mais tant qu'il met le cache à jour

Donc le problème est résolu

et merci

Edit: l'evénement checking est déclenché avant load ce qui montre bien que le cache est prioritaire
Ensuite il est conseillé de mettre tout ce qui est ajax dans un fichier js et la gestion de localstorage appCache dans un autre car en mode hors ligne les requetes ajax pointant sur un fichier php cela renvera une erreur .

http://www.w3.org/TR/html5/browsers.html#offline
A news application designed for the application cache feature, however, would instead have the main page just consist of the logic, and would then have the main page fetch the data separately from the server, e.g. using XMLHttpRequest.

**laurentg2003** · 04/12/2013, 21h03

Une précision et on me l'avait dit sur ce forum les requêtes ajax même hors connexion ne retourne aucune erreur,le cache faisant croire au navigateur qu'il est en ligne du coup navigator.online et un delais depassé via ajax style else de if(a.status==200||a.status==304){ ne servent à rien

Fichier appCache avec IE et Safari [API HTML5]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager