Search code examples
htmlhtml5-appcache

Appcache simply not caching files

I'm testing a data collection idea for places with spotty mobile connectivity.

I'm working on the technology test here

I have the call to the manifest file in the HTML tag: <html manifest="/manifest.appcache">

Here is the manifest file

CACHE MANIFEST
# 2013-06-26

CACHE:
backbonedual.js
backbonedual.html

NETWORK:
*

FALLBACK:

Finally, I have an .htaccess file in the same folder:

AddType text/cache-manifest .appcache

And I've tested that, since when I load the manifest file directly, the network section in the Chrome developer tools is telling me the correct MIME type.

But still, it doesn't work. And no resources are showing up as listed in: chrome://appcache-internals/.

Solution

  • I decided to start with a working example. A very simple hello world. I created a cache manifest for it and it worked just fine.

    Then I decided to slowly add elements from my other page to see which part breaks it.

    And I only got to the first line. 

    <meta charset="utf-8" />

    When I removed this line the application cache was working! Does anyone know why?