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”.

overlaied image when clicked on thumbnail

Makzan | Mobile web app dev with phonegap | Table of Content