应用程序缓存错误事件：清单提取失败（404）

Question

I have a simple html website containing one css and js doc and some images. I need to make this work offline.I use html 5 offline cache for this purpose. On deploying and browsing i see that the website doesnt cache.Console shows an error : Application Cache Error event: Manifest fetch failed (404)

Following are the details : Directory structure :

Manifest file :

Whats wrong?

Answer 1

The file name must be manifest.appcache ; it should not contain names of files other than images/javascript/css/html files. Any other types will result in error in fetching files. The rule applied to offline caching is ~ 'catch all or none'.

Answer 2

If you are caching mobile data on iPhone, please check the filename since, according to Apple Docs it must be cache.manifest :

Storing Data on the Client

Answer 3

It's already 2019 and I had the very same error message =)

For me renaming the file as manifest.appcache made it work.

In any case, digging further about this error, I found the AppCache API is deprecated (I'm new to these APIs, since I started studying about PWA recently) and no longer recommended (Use CacheStorage + ServiceWorkers instead) https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache

Hope this info can help others on the same path =)

Answer 4

Did you try example.manifest.php? instead of .txt?