title: Hiding Safari User Interface Components on iPhone
body: <p>In an attempt to hide the Safari UI components for an web-app bookmarked as a Homescreen Icon. I am using this meta tag </p>
  
  <pre><code>&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
  </code></pre>
  
  <p>as specified on <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW2" rel="nofollow noreferrer">iPhone Dev Center</a> but the address bar and toolbar are still there when launched from the home screen icon.  What do I need to do different? Does anyone have an example?</p>