定番
新着
履歴

iPhone サファリでアドレスバー制御

iPhone サファリでアドレスバー制御

アドレスバー、フッターバーの制御

【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">

以上を記述しておくと、ホーム画面から起動したときに限り、ヘッダー、フッターのそれぞれのバーが非表示となり、アプリ風な表現ができる。

ちなみに、リンクを作成すると別途サファリが立ち上がってしまう。

そして、これを使ってangularJSなどのフレームワークを使うと、ほぼアプリのようなコンテンツが作成できる。

--例「Prott」アプリのプロトタイプ作成サービス
2016-02-08 01:24:08
このページの二次元コード

人気記事ランキング

© 2018 kipure
Top