iPhoneWebアプリで、フルスクリーンモードを設定する方法

iPhoneのWebアプリでフルスクリーン表示を行う方法がiPhoneWebDevで公開されています。

それによると、

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

を記述することで、Safari通常表示時の画面下部のツールバーが消えます。

さらに、

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

この指定で、画面上部のステータスバーを半透明にすることができます。

なおバーを消すには、上記記述をしたhtmlを表示後、「ホーム画面に追加」を行い（Webクリップ）、ホーム画面のアイコンから実行した場合のみ反映されます。

※さらに詳細な情報をWikiにまとめてあります。ご興味のある方は参照ください。画面表示関係 - iPhone 3G DevWiki

特に画面下部のツールバーは占有面積も大きくジャマで仕方なかったのですが、これにより、Webアプリでの表現の自由度がより一層広まりました。