web-dev-qa-db-ja.com

iOS 10のapple-mobile-web-app-status-bar-style

私はこの質問が以前に尋ねられたことを知っていますが、ios 10(およびios 9)でもこれが当てはまるかどうかを知りたいだけです...

Apple Webアプリの開発者向けガイドライン( こちら ))によると、Webアプリのステータスバーには3つの選択肢があります; defaultblackおよびblack-translucent

  1. Defaultは、黒いテキストで白いステータスバーを表示し、
  2. Blackは、白いテキストで黒いステータスバーを表示し、
  3. Black-translucentは、透明な背景に白いテキストを表示します。また、これはあなたのコンテンツ上のステータスバーの山車、あなたはthte、ステータスバーのテキストと内容の重複を持たないようにするために20ピクセル下にあなたのコンテンツをプッシュしなければならないという意味。

黒の半透明のステータスバーを使用したいのですが(よりネイティブに見えると思います)、ページの背景は明るい灰色です。これにより、このステータスバーの白いテキストが非常に読みにくくなります。

簡単に言えば、黒のテキスト(本質的にはdefault-translucent)の透明な背景が欲しいだけです。これは可能ですか?

15
Brad

残念ながら、いいえ、透明な背景に黒いテキストを置くことはできません

これはある時点でスキーマに追加され、この例が今すぐ達成できないという苦痛も感じると思います。手短に言えば、その答えは、そのアプリの動作と外観をより細かく制御できるように、偽アプリをネイティブに設計することだと思います。

Appleドキュメント サポートされているメタタグ


content="default"

Default Apple-mobile-web-app-status-bar-style


content="black"

enter image description here


content="black-translucent"

enter image description here

37
Matt

現在は不可能です。 (コメントを読んだ後)変更を反映するには、少なくとも私のiPhone Xで変更を表示するには、スマートフォンからアプリを削除してからホーム画面に再度追加する必要があります。

3
AlexChaseJones