title: Why does including the "apple-mobile-web-app-capable" tag break my web-app's offline capability on iOS?
body: <p>I'm trying to create an offline-web app and my <code>cache.manifest</code> file is</p>
  
  <pre><code>CACHE MANIFEST
  http://www.page.com/index.html
  http://www.page.com/d3.js
  http://www.page.com/list.csv
  NETWORK:
  *
  </code></pre>
  
  <p>And the beginning of my html is <code>html manifest="cache.manifest"</code></p>
  
  <p>To format the app and make it run full-screen, I included this tag in the header:</p>
  
  <p><code>&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;</code></p>
  
  <p>But doing that and running it from the homescreen will result in the app failing, and requesting an internet connection. </p>
  
  <p>If you take that one line out and run it from the homescreen, it will open in safari with the url bar and everything, but the app will run correctly. </p>
  
  <p>I've seen this problem discussed in a couple places such as <a href="http://www.offlinewebapp.com/solved-apple-mobile-web-app-capable-manifest-error/" rel="nofollow noreferrer">here</a> and <a href="https://stackoverflow.com/a/4717297/2374028">here</a>, but never with any working solutions or explanations.</p>
  
  <p>Does anyone know why this is or how to avoid it? Thanks in advance.</p>