title: HTML 5 offline storage cache manifest not working
body: <p>I'm trying to get HTML5 offline storage working in a basic way.  I read the information on <a href="http://diveintohtml5.info/offline.html" rel="noreferrer">DiveIntoHTML5</a> and it seems to make sense, but it just doesn't seem to be working for me.  I wondered if someone could help me to debug this.</p>
  
  <p>Basically I've set up a home page for the application, index.htm.  So my application is on the web at <a href="http://www.mydomain.com/online/index.htm" rel="noreferrer">http://www.mydomain.com/online/index.htm</a>.  Users will visit this page, where they'll ordinaraily do all of their stuff day-to-day.  Visiting this URL will create a bunch of cached files so they can then visit <a href="http://www.mydomain.com/offline" rel="noreferrer">http://www.mydomain.com/offline</a> and view a working version of the application when they're offline.</p>
  
  <p>The top few lines of code in the online homepage are:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html manifest="cache.manifest"&gt;
  &lt;head&gt;
     ...etc
  </code></pre>
  
  <p>I've generated a plain text file called 'cache.txt' and added the following content to it in Notepad:</p>
  
  <pre><code>CACHE MANIFEST
  http://www.mydomain.com/offline/scripts/jquery-1.6.3.min.js
  http://www.mydomain.com/offline/scripts/jquery-ui-1.8.16.custom.min.js
  http://www.mydomain.com/offline/scripts/modernizr.min.js
  http://www.mydomain.com/offline/scripts/json2.min.js
  http://www.mydomain.com/offline/scripts/jquery.deserialize.js
  http://www.mydomain.com/offline/scripts/jquery.cookie.js
  http://www.mydomain.com/offline/scripts/main.js
  http://www.mydomain.com/offline/css/main.css
  http://www.mydomain.com/offline/css/structure-details.css
  http://www.mydomain.com/offline/css/ui-lightness/jquery-ui-1.8.16.custom.css
  http://www.mydomain.com/img/header.gif
  http://www.mydomain.com/offline/img/bg.png
  http://www.mydomain.com/offline/img/header_riser.gif
  http://www.mydomain.com/offline/img/logo.png
  http://www.mydomain.com/offline/img/offline.png
  http://www.mydomain.com/offline/index.htm
  </code></pre>
  
  <p>I've then renamed this file to 'cache.manifest' and uploaded it to the root of the online application (at the same level as my home-page) so that it's accessible at <a href="http://www.mydomain.com/online/cache.manifest" rel="noreferrer">http://www.mydomain.com/online/cache.manifest</a>.</p>
  
  <p>The hosting company have supposedly added the content type of 'text/cache-manifest' to all files with the extension of .manifest in IIS.  I think this is working because when I view the file in Firefox at <a href="http://www.mydomain.com/online/cache.manifest" rel="noreferrer">http://www.mydomain.com/online/cache.manifest</a> Firebug tells me the content type is:</p>
  
  <pre><code>Content-Type    cache-manifest
  </code></pre>
  
  <p>Or should this be returning 'text/cache-manifest'?  Perhaps this is the problem?</p>
  
  <p>When I view the offline storage folder on my system (C:\Users\Me\AppData\Local\Mozilla\Firefox\Profiles\b12u6xza.default there's nothing in there related to this domain at all.</p>
  
  <p>Can anyone suggest what might be going wrong - as I'm a little stumped?</p>