■デベロッパー側
1.Webアプリのhtmlの<head>部分に下記のタグを追記する。
<meta name="apple-mobile-web-app-capable" content="yes">
2.Webクリップを作成して、Webアプリのhtmlの<head>部分に下記のタグを追記する。
<link rel="apple-touch-icon" href="/webclip.png" />
■iPhoneユーザ側
1.Webアプリをホーム画面に登録しておく。
2.ホーム画面からアイコンをタッチしてWebアプリを起動すると、起動画面っぽい画面を表示することができる。
■参考記事
http://d.hatena.ne.jp/grkt/20090624/1245794008
http://arigato-ipod.com/lab-webclip-apple-touch-icon.html
http://blog.typocode.net/2008/09/iphoneweb.html
タグ:iPhone