Copyright (C) iPhoneアプリ開発備忘録 All rights reserved.
ブログ内で記したコード、内容の正確性は保証いたしません。
記載内容を実装したことにより発生した不具合・損害等の責任は一切負いません。



2009年10月19日

iPhone用Webアプリ起動画面設定



iPhoneネイティブアプリケーションではなく、WebアプリケーションをiPhoneで稼働させる場合の起動画面の表示方法。

■デベロッパー側
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
posted by mobileDeveloper at 21:51 | Comment(0) | TrackBack(0) | 画像・アイコン はてなブックマーク - iPhone用Webアプリ起動画面設定 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
Apple、Appleのロゴ、App Store、iPodのロゴ、iTunesは、米国および他国のApple Inc.の登録商標です。
iPhone、iPod touch、iPadはApple Inc.の商標です。
iPhone商標は、アイホン株式会社のライセンスに基づき使用されています。
その他、本ブログに記載されている製品名、会社名は、それぞれ各社の商標または登録商標です。