クロムのモバイル版のトップバーの色

クロームのトップバーの色がどのように変化するのか不思議です。トップ-atここクロムのモバイル版のトップバーの色

- あなたはpolyvoreナビゲーション色（黒）も（リンクがある）クロームナビゲーションから色として設定されていることがわかります。これはCSSでどのように作られていますか？前もって感謝します！

2016-09-18 Michael

可能な複製を（のhttp：/ /stackoverflow.com/questions/26960703/how-to-change-the-color-of-header-bar-and-address-bar-in-newest-android-chrome-v） –

私はこれがその質問の複製、その質問は、モバイルデバイスを求めている。 – Krypton

theme-colorメタタグを使用してツールバーの色を設定できるようになりました。このは、もはやシアトルの灰色のツールバーを意味しません。構文はかなりシンプルです。ページの<head>にメタタグを追加し、name="theme-color"を付けて、 contentを有効なCSSの色に設定します。例えば

、お好きな色やするHTML5 Rocksオレンジ色の背景に設定するには：彼らはいるときまた

<meta name="theme-color" content="#db5945">

を、Chromeは美しい高解像度のファビコンが表示されます提供されます。 Android用Chromeでは、が提供する最も高解像度のアイコンが選択されます。192×192ピクセルのPNGファイルを提供することをおすすめします。たとえば：

<link rel="icon" sizes="192x192" href="nice-highres.png">

がするHTML5 Rocks上だけでなく、Web Fundamentals siteにここにテーマカラーをチェックして、あなたのサイトを目立たせるために多くの方法をAdd to home screen docsをチェックしてください。

出典：https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android

出典

2016-09-18 08:55:11

ありがとう！ Chromeだけがこれらの機能を提供していますか？ – Michael

私はFirefoxモバイルがそれをするとは思わない。 –

それはスタイルの「バー」を使用している場合、それはあなたのCSSファイルに次のようになり、トップバーが使用するどのようなCSSスタイルではなく、例えば依存する：

バージョン39以降で

bar { 
    background-color: black; 
}

出典

2016-09-18 08:49:13 Krypton

あなたのファビコンを作成するためにrealfavicongenerator.netのようなものを使用した場合、また、あなたのテーマカラーを設定するためのオプションを取得します（それがスイッチャーと呼ばれ、アップロリポップから提供されています）。あなたが手でそれをしたい場合は、ちょうどあなたのヘッダにこれを含める：[？ロリポップ上の最新のAndroid Chromeバージョンにヘッダーバーやアドレスバーの色を変更する方法]の

<meta name="theme-color" content="#ffffff">

出典

2016-09-18 09:18:16

クロムのモバイル版のトップバーの色

答えて

関連する問題