title: Cache Manifest working flawlessly in Chrome, Safari, but NOT mobile Safari
body: <p>Trying to utilize a cache manifest -- everything seems to work fine in Chrome and Safari, but not mobile Safari.</p>
  
  <p>I've ensured that I've adhered to standards outlined for HTML5 offline apps:</p>
  
  <ol>
  <li><p>Added
  &#60;html manifest="cache.manifest"&#62;
  to the single-site page that's loaded</p></li>
  <li><p>Ensured the MIME type of the manifest is correct (set in .htaccess):
  AddType text/cache-manifest .manifest</p></li>
  <li><p>Have a syntactically correct manifest (validated via <a href="http://manifest-validator.com/" rel="nofollow">http://manifest-validator.com/</a>). All assets are referenced with relative paths (so no change in protocol).</p></li>
  </ol>
  
  <p>I receive no Javascript errors in Chrome and Safari, and am logging related events to the console with this handy snipit:</p>
  
  <pre><code>function logEvent(event) {
      console.log(event.type);
  }
  
  window.applicationCache.addEventListener('checking',logEvent,false);
  window.applicationCache.addEventListener('noupdate',logEvent,false);
  window.applicationCache.addEventListener('downloading',logEvent,false);
  window.applicationCache.addEventListener('cached',logEvent,false);
  window.applicationCache.addEventListener('updateready',logEvent,false);
  window.applicationCache.addEventListener('obsolete',logEvent,false);
  window.applicationCache.addEventListener('error',logEvent,false);
  </code></pre>
  
  <p>In mobile Safari, however, I get an "Application Cache manifest could not be fetched" error logged, as well as "checking" and "error" log events with no other explanation. Any ideas?</p>