iphone・ipod touchのアドレスバーを隠す 其の二

前回metaタグでアドレスバーを隠すという記事を書きましたがちょっとだけ調べてみました。

<meta name="apple-mobile-web-app-capable" content="yes" />

上記のmetaタグを追加するとページ全体のフルスクリーンモードを指定することができる。
ただし、条件があり指定したwebサイトをホーム画面に追加してそこからwebサイトを開くことで機能する。

また、以下のmetaタグを追加することでステータスバーの表示も指定することができる。

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

apple-mobile-web-app-status-bar-styleには以下を設定することができる。

• default：（デフォルト）不透明
• black：不透明で黒
• black-translucent：半透明

ただし、これも条件がありapple-mobile-web-app-capableと併用することで機能が有効化される。