title: Offline iOS Web App says it requires an internet connection, even though it doesn't?
body: <p>I'm trying to make an iOS Offline Web App (the web pages that are saved to the home screen and are a bit difficult to tell from native iOS apps).</p>
  
  <p>My app consists of just two files:</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
  &lt;html manifest="cache.manifest"&gt;
      &lt;script type="text/javascript"&gt;
          document.addEventListener('DOMContentLoaded', function(event) {
              alert("Welcome to the site.");
          });
      &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>cache.manifest</strong></p>
  
  <pre><code>CACHE MANIFEST
  
  # Version 0.0.2
  </code></pre>
  
  <p>If I navigate to the page in mobile Safari, it properly pops open the alert. If I put it into airplane mode, turn off wifi, force quit safari, and restart my iPhone, mobile Safari loads from the cache and pops open the alert just fine.</p>
  
  <p>If I then save the page to my Home Screen (give it the name "Repo", for example), then attempt to open it, it'll pop open this error message:</p>
  
  <blockquote>
    <p><strong>Cannot Open Repo</strong></p>
    
    <p>Repo could not be opened because it is not connected to the Internet.</p>
  </blockquote>
  
  <p>What's going on here? Why is mobile safari properly loading it from the cache, but the moment I try saving and opening it, it tells me it needs an Internet connection?</p>