HTML 5 Appcache Works In Safari/opera/chrome But Not Firefox

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: <

Solution 1:

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.

Solution 2:

I had a similar problem. The problem was that FireFox cache file more aggressively, so I had to add these headers:

For the manifest:

Pragma: no-cache
Cache-Control: no-cache
Expires: date

And for the files:

Last-Modified: date
Cache-Control: no-cache
Expires: date

Replace date by the RFC 1123 formated current date.

Solution 3:

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

Solution 4:

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.

Solution 5:

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.