Table of Content
Adding the web app to iOS home screen
Adding an iOS home screen icon would be a plus when distributing your app to the web.
1<!-- Run in full-screen mode. --> 2<meta name="apple-mobile-web-app-capable" content="yes"> 3 4<!-- Customize home screen title. --> 5<meta name="apple-mobile-web-app-title" content="Web App"> 6 7<!-- iPad (Retina) --> 8<link rel="apple-touch-icon" 9 sizes="144x144" 10 href="apple-touch-icon-144x144.png"> 11 12<!-- iPhone --> 13<link rel="apple-touch-startup-image" 14 media="(device-width: 320px)" 15 href="apple-touch-startup-image-320x460.png"> 16<!-- iPhone (Retina) --> 17<link rel="apple-touch-startup-image" 18 media="(device-width: 320px) 19 and (-webkit-device-pixel-ratio: 2)" 20 href="apple-touch-startup-image-640x920.png">
From: https://gist.github.com/tfausak/2222823
What’s next? We’re going to take a look at “Phonegap Build”.