用途
新着
履歴
分類

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

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

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

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

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

例「Prott」アプリのプロトタイプ作成サービス

公開 2019-07-30 07:51:13
このページの二次元コード
iPhone サファリでアドレスバー制御

人気のサンプル

search -  category -  about
© 2024 kipure
Top