HTML 5 Appcache works in safari/opera/chrome but not firefox

Question

I have an html5 appcache running on a website, it works fine in Safari, Opera and Chrome but it fails to work on Firefox.

I have the following in my code:

Answer 1

I had a similar problem.

1. Make sure the manifest file is served as type "text/cache-manifest"
2. Dont try it out in Private Browsing mode in Firefox/IE. It only works in regular browsing mode. But it works in both modes in Chrome

3. While offline, a simple change in the URL could be a problem

   • http://localhost:8080/app doesn't work on Firefox/IE
   • http://localhost:8080/app/ works on Firefox/IE

   Both of them work in Chrome

4. Use these handy resource viewers to get more detailed perspective
   • about:cache - Firefox
   • chrome://appcache-internals/ - Chrome

Please fill in if someone knows what is it for IE.

Answer 2

check if the no-cache/no-store headers are set

Answer 3

I face the same problem too; this header is fix for me.

Content-Type: text/cache-manifest

Answer 4

In Firefox Preferences -> Advanced -> Network, in the "The following websites have stored data for offline use:" list, do you see your website? If so, try clearing your website from the list and then reloading your website.

Answer 5

Look if the Server sets no-cache/no-store headers for the generated files. Firefox will then ignore the manifest in contrary to the other browsers.

Answer 6

Earl's answer above worked for me in combination with turning FireBug off.

In Firefox Preferences -> Advanced -> Network, in the "The following websites have stored data for offline use:" list, do you see your website? If so, try clearing your website from the list and then reloading your website.