1

Fall 1: Nach dem Ereignis 'cached' kommend von window.applicationCache.addEventListener, bekomme ich mein Handy mit OFFLINE-MODUS (Flugzeugmodus ich meine), dann öffne ich meine Webapp von HomeScreen-Symbol und alles funktioniert gut, außer AngularJS, das nicht geladen wird. Keine Funktion oder Variable wird erkannt.AngularJS Fehler bei der Verwendung von manifest.appcache

Fall 2: Nach dem Ereignis 'cached' kommend von window.applicationCache.addEventListener, öffne ich meine Webapp von HomeScreen Symbol mit ONLINE-Modus, in diesem Moment eckig funktionierte gut, weil es auf richtige Ansicht. ABER Wenn ich nicht mit webApp interagiere (Login zum Beispiel), bekomme ich beim Offline-Modus AngularJs einen Fehler und nicht einmal die richtige Ansicht wird angezeigt.

EDIT: Ich erkennen, dass, wenn nach cached Ereignisse, i Web-App zu schließen, und dann wieder öffnen, ohne interact, wird es im Offline-Modus funktioniert ... Wie ist es möglich?

Alle Aufrufe von Angular-Skripten werden von derselben Seite aufgerufen, die <html manifest="manifest.appcache" type="text/cache-manifest"> verwendet, warum funktioniert es nicht, nachdem ich es an den Startbildschirm gesendet habe? Ich probierte schon einige Workarounds .. keine Arbeit! Jede Hilfe ist

geschätzt

über mein Manifest Code:

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 

Detail: all diese Ausweich Links sind bereits 'work-arounds' im Werk versuchen, alles zu bekommen Geldbuße auf 'Add to Home Screen' Ereignis

Antwort

0

Nach einer Weile erkannte ich, dass es eine CSS-Referenz in. CSS-Dateien war. Nach dem Hinzufügen dieser Referenzen in Manifest funktioniert alles wie ein Charme

Verwandte Themen