title: Can't get simple html5 manifest cache to work!
body: <p>I'm trying to get a simple html5 webcache to work.</p>
  
  <p>This is my one and only html page, index.html:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  
  &lt;html manifest="./main.manifest"&gt;
    &lt;body&gt;
      &lt;p&gt;Hi.&lt;/p&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my only cache file, main.manifest:</p>
  
  <pre><code>CACHE MANIFEST
  # 2011-05-02-03
  
  index.html
  </code></pre>
  
  <p>I'm running on apache shared hosting, I put a .htaccess file in my web directory where these other two files are, because I thought maybe I have to define the mime type:</p>
  
  <pre><code>AddType text/cache-manifest .manifest
  </code></pre>
  
  <p>So in the end I just have these three files in that directory:</p>
  
  <pre><code>index.html
  main.manifest
  .htaccess
  </code></pre>
  
  <p>When I visit the page on chrome from my mac, safari from my iphone, or chrome from my android 2.3 device, nothing happens, the page just loads as usual. If I turn airplane mode on (killing all connections) the page can't be loaded (so I guess caching failed).</p>
  
  <p>What am I missing here?</p>
  
  <p>Thanks</p>
  
  <p>------------ Update ------------------</p>
  
  <p>I think the mime type was not being recognized correctly. I updated .htaccess to:</p>
  
  <pre><code>AddType text/cache-manifest manifest
  </code></pre>
  
  <p>Now if I run in google chrome with console on, I see:</p>
  
  <pre><code>Document was loaded from Application Cache with manifest
  http://example.com/foo/main.manifest
  Application Cache Checking event
  Application Cache NoUpdate event
  </code></pre>
  
  <p>Firefox prompts me when I load the page about the website wanting to let me store it to disk, so that's good. Looks like it's also working on android 2.3.4. The browser still says "This page cannot be loaded because you are not connected to the internet", but then it loads anyway.</p>
  
  <p>Thanks!</p>