CODEWITHSUNDEEP
htmlfirefoxcachingmanifest
Steve Jones
Steve Jones

Reputation: 111

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:

<!DOCTYPE HTML>
<html manifest="./manifest.appcache">
<head>

and the following manifest.appcache file:

CACHE MANIFEST
/
/accessibility
/anchoring
/areas-of-application-in-business
/calibrating-rep-system-preferences
/circle-of-excellence
/collapse-anchors
/contrastive-analysis-and-mapping-across
/convincers
/creating-an-air-of-authority
/decision-making
/elicitation-of-submodalities
/embedded-commands
/embedded-commands-2
/eye-patterns
/four-types-of-feedback
/home
/how-to-remember-names
/introduction-to-anchoring
/introduction-to-nlp
/key-elements-of-the-meta-model
/language-and-communication-model
/language-patterns
/leadership
/modelling
/my-action-plan
/new-behaviour-generator
/nlp-presuppositions
/outcome-thinking
/pacing-and-leading
/perceptual-positions
/predicate-phrases
/predicates
/preference-test
/presupposition-cards
/presuppositions
/privacy
/rapport
/rapport-pacing-and-leading
/representational-systems
/sensory-acuity
/strategies
/structure-for-adjusting-feedback
/structure-of-nlp-techniques
/structure-vs-content
/submodalities
/submodalities-and-strategies
/submodalities-checklist
/terms-and-conditions
/the-6-deadly-words
/the-meta-mirror
/the-power-of-presuppositions
/the-problem-frame-and-the-outcome-frame
/user-profile
/well-formed-outcomes
/what-is-nlp
/userImages/nlp_language_comm.png
/css/mobile.css
/css/style.css


# Hash: a4e8f4f6a4dd45dd3e8acdaae8546a0a

I am using the code from here: http://jonathanstark.com/blog/2009/09/27/debugging-html-5-offline-application-cache/ to debug the appcache and display the output on the site.

In firefox the output from the debug code shows it downloading all the files and calling swap cache. If I then disconnect from the internet and click on a link to another page which should have downloaded I get the Unable to Connect message in Firefox, while doing the same in Safari, Opera and Chrome it works fine.

Any help and suggestions would be appreciated.

Thanks Steve

Upvotes: 11

Views: 5534

Answers (7)

liratanak
liratanak

Reputation: 97

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

Content-Type: text/cache-manifest

Upvotes: -1

Derrick Hampton
Derrick Hampton

Reputation: 79

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.

Upvotes: -1

user1429007
user1429007

Reputation: 308

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.

Upvotes: 1

julienfr112
julienfr112

Reputation: 2137

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.

Upvotes: 4

testing
testing

Reputation: 11

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

Upvotes: 1

Marvin Emil Brach
Marvin Emil Brach

Reputation: 3972

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.

Upvotes: 11

Earl Zedd
Earl Zedd

Reputation: 1111

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.

Upvotes: 0

Related Questions