讓webapp 似 native app 的幾個tag

1. home screen icon
iphone 3g/3gs: 57px X 57px
iphone 4: 114px X 114px
ipad: 96px X 96px
但其實正方形都ok~

<!-- 會加gloss effect -->
<link rel="apple-touch-icon" href="icon.png"/> 
<!-- 不會加gloss effect -->
<link rel="apple-touch-icon-precomposed" href="icon.png"/> 

2. 收起safari 的toolbars
<meta name="apple-mobile-web-app-capable" content="yes">

3. 加 start up image
一定是320px X 460px
<link rel="apple-touch-startup-image" href="startup.png">

EXTRA:
改最高那條status bar 的顏色
content 可以是 default, black, black-translucent
<meta name="apple-mobile-web-app-status-bar-style" content="black">

定義viewport
user-scalable=no <-- 不讓人放大或縮少你的webpage
<meta name = "viewport" content = "user-scalable=no, width=device-width">

reference link:

http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html