I am reworking an app I made a while ago to also work offline. When the page loads, the cache.manifest
is found and it caches all the pages correctly. However, when I refresh the page when not connected, I get a ton of errors.
One of the errors is Manifest fetch failed (6)
, which, according to this answer means a NETWORK_ERROR
. Obviously I am not connected to the internet, but obviously that is the point of making a website available offline, right? All the other errors are from some of the files I use, saying net::ERR_INTERNET_DISCONNECTED
, but these files are also in the cache.manifest
, so to me that does not really make sense.
I don't get a totally blank page either. Inspecting my page does reveal my index page, but it seems like the others do not load correctly.
Looking into the chrome://appcache-internals/
it also shows all the files in the cache correctly.
This is what my cache.manifest
looks like:
CACHE MANIFEST
CACHE:
images/aRandomImage.jpg
bower_components/polymer/polymer.html
bower_components/polymer/polymer.js
bower_components/polymer/layout.html
#etc
Possibly also worth noting is that I'm using Polymer 0.5. I have also tried turning off Chrome running in the background and removing the cache folder, but with no avail. What am I missing?
Check to make sure that
disable cache
is not checked on the network tab.Google Chrome Manifest fetch failed (6)
Is the error that Chrome throws when the appcache triggers anerror
event (see this for a decent primer on appcache events). This is normal when the browser detects that you are offline.In that event, however, the browser will typically will still load resources from the appcache as normal. Since
chrome://appcache-internals/
shows the expected content it leads me to believe that you perhaps have caching disabled.Are you developing on localhost or a remote machine?