アドレスバー、フッターバーの制御
【iOS7.1のみ】アドレスバーを小さくし、フッターを非表示にするには
minimal-uiを設定する
<meta name="viewport" content="minimal-ui">
【iOS6】以前はJSで制御可能。
【iOS7.0】はどれもうまく制御できない。
【iOS7.1】のみ制御可能でした。しかし、それ以降はこのタグは使えなくなりました。
アドレスバー、フッターバーを完全非表示
完全に非表示にするには一旦、iPhoneのホーム画面へアイコンを追加させる必要があります。これは免れないようです。
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes">
以上を記述しておくと、ホーム画面から起動したときに限り、ヘッダー、フッターのそれぞれのバーが非表示となり、アプリ風な表現ができる。
ちなみに、リンクを作成すると別途サファリが立ち上がってしまう。
そして、これを使ってangularJSなどのフレームワークを使うと、ほぼアプリのようなコンテンツが作成できる。
例「Prott」アプリのプロトタイプ作成サービス
