1

Cas 1: Après l'événement 'mis en cache' venant de window.applicationCache.addEventListener, je reçois mon mobile en utilisant OFFLINE MODE (mode avion je veux dire), puis j'ouvre ma webapp à partir de l'icône HomeScreen et tout fonctionne bien, sauf AngularJS, ça ne se charge pas. Aucune fonction ou variable n'est reconnue.AngularJS Erreur lors de l'utilisation de manifest.appcache

Cas 2: Après l'événement 'mis en cache' venant de window.applicationCache.addEventListener, j'ouvre ma webapp à partir de l'icône HomeScreen en utilisant ONLINE MODE, à ce moment, angulaire a bien fonctionné parce que sa vue correcte. MAIS Si je n'interagis pas avec webApp (Connexion par exemple), quand j'obtiens le mode hors-ligne, AngularJs reçoit une erreur et même la vue correcte n'est plus affichée.

EDIT: Je réalisé que si après l'événement cached, je ferme l'application Web, puis ouvrez-le à nouveau, sans Interact, cela fonctionnera très bien en mode hors ligne ... Comment est-il possible?

Tous les appels aux scripts Angular sont appelés à partir de la même page que j'utilise <html manifest="manifest.appcache" type="text/cache-manifest">, pourquoi cela ne fonctionnera pas juste après que je l'ai envoyé à l'écran d'accueil? J'ai déjà essayé quelques solutions de contournement .. aucun travail! Toute aide est appréciée

Au-dessus de mon code manifeste:

CACHE MANIFEST 

# Learn more: 
# https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache 

# ----------------------------------------------------------------------------- 

# It's necessary to tell web browsers to reconsider this manifest any time the 
# website is updated, and you do so by changing *anything* inside the manifest. 
# A common way to do this is by simply updating a commented-out string, like a 
# date or a version number, or both: 

# 2016-09-10:v1.122 

# ----------------------------------------------------------------------------- 

# This is where you define all of the resources to be cached. Add new and/or 
# remove old resourses as needed, keeping each one on its own line. Learn more: 
# https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache#Explicit_entries 
CACHE: 
assets\js\jquery.min.js 
assets\js\main.js 
assets\js\skel.min.js 
assets\js\util.js 
assets\js\ie\html5shiv.js 
assets\js\ie\respond.min.js 
js\angular.min.js 
js\angular-cookies.min.js 
js\app\gmApp-controller.js 
js\app\gmApp-factory.js 
LICENSE.txt 
assets\css\ie8.css 
assets\css\ie9.css 
assets\css\main.css 
assets\fonts\FontAwesome.otf 
assets\fonts\fontawesome-webfont.eot 
assets\fonts\fontawesome-webfont.svg 
assets\fonts\fontawesome-webfont.ttf 
assets\fonts\fontawesome-webfont.woff 
assets\fonts\fontawesome-webfont.woff2 
assets\css\font-awesome.min.css 
images\02.png 
images\avatar.jpg 
images\bg_login.jpg 
images\favicon.png 
images\fundo-bar.jpg 
images\fundo-home.jpg 
images\hotel-1.png 
images\logo.jpg 
images\pic01.jpg 
images\pic02.jpg 
images\pic03.jpg 
images\pic04.jpg 
images\pic05.jpg 
images\pic06.jpg 
images\pic07.jpg 
images\pic08.jpg 
images\pic09.jpg 
images\pic10.jpg 
images\pic11.jpg 
images\pic12.jpg 
images\cancun\chichen-tza.jpg 
images\cancun\cirque-soleil.jpg 
images\cancun\coco-bongo.jpg 
images\cancun\haceienta-mortero.jpg 
images\cancun\isla-mujeres.jpg 
images\cancun\la-isla-shopping.jpg 
images\cancun\navio-pirata.jpg 
images\cancun\shopong-plaza.jpg 
images\cancun\tulum.jpg 
images\cancun\xcaret.jpg 
images\cancun\xel-ha.jpg 
images\dicas\dica1.jpg 
images\dicas\dica2.png 
images\dicas\dica3.jpg 
images\dicas\dica3a.jpg 
images\dicas\dica3b.jpg 
images\dicas\dica3c.jpg 
images\dicas\dica3d.jpg 
images\dicas\dica3e.jpg 
images\dicas\dica4.jpg 
images\dicas\dica5.jpg 
images\dicas\dica6.jpg 
images\dicas\dica6a.jpg 
images\dicas\dica6b.jpg 
images\dicas\dica6c.jpg 
images\dicas\dica7.jpg 
images\dicas\dica7a.jpg 
images\dicas\dica7b.jpg 
images\dicas\dica7c.jpg 
images\dicas\dica9.jpg 
images\dicas\rodape.jpg 
images\mini-menu\Cancun-42.jpg 
images\mini-menu\chichen-tza.jpg 
images\mini-menu\cirque-soleil.jpg 
images\mini-menu\coco-bongo.jpg 
images\mini-menu\haceienta-mortero.jpg 
images\mini-menu\isla-mujeres.jpg 
images\mini-menu\la-isla-shopping.jpg 
images\mini-menu\navio-pirata.jpg 
images\mini-menu\shopong-plaza.jpg 
images\mini-menu\tulum.jpg 
images\mini-menu\xcaret.jpg 
images\mini-menu\xel-ha.jpg 
index.html 

# ----------------------------------------------------------------------------- 

# Resources that must be retrieved from the network. The wild card ensures any 
# resource not listed in the cache above will instead be downloaded from the 
# network. Learn more: 
# https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache#Network_entries 

NETWORK: 
* 

# ----------------------------------------------------------------------------- 

# Fallbacks. In each row, if the first resource isn't available, the second 
# resource is requested. Uncomment and update as needed. Learn more: 
# https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache#Fallback_entries 

FALLBACK: 
assets\fonts\FontAwesome.otf assets\fonts\FontAwesome.otf 
assets\fonts\fontawesome-webfont.eot assets\fonts\fontawesome-webfont.eot 
assets\fonts\fontawesome-webfont.svg assets\fonts\fontawesome-webfont.svg 
assets\fonts\fontawesome-webfont.ttf assets\fonts\fontawesome-webfont.ttf 
assets\fonts\fontawesome-webfont.woff assets\fonts\fontawesome-webfont.woff 
assets\fonts\fontawesome-webfont.woff2 assets\fonts\fontawesome-webfont.woff2 
js\angular.min.js js\angular.min.js 
js\angular-cookies.min.js js\angular-cookies.min.js 

Détail: tous ces liens de secours sont déjà im 'contournements de tenter d'obtenir tout fonctionne bien à Ajouter à l'écran d'accueil' événement

Répondre

0

Après un moment, j'ai réalisé qu'il s'agissait d'une référence css dans les fichiers .css. Après ajouter que les références en manifeste tout fonctionne comme un charme