Lollipopの最新のChromeバージョンのタイトルバーとアドレスバーの色を変更するにはどうすればよいですか?



How Change Color Title Bar



この記事の翻訳元: Lollipopの最新のChromeバージョンでヘッダーバーとアドレスバーの色を変更するにはどうすればよいですか?

このトピックについてはまだ何も見つかりませんでした。 このトピックについては何も見つかりませんでした。 概要のアドレスバーの色とヘッダーの色を変更する機能が本当に好きですか? 概要のアドレスバーの色とタイトルの色を本当に変更したいですか? これを行う簡単な方法はありますか? これを行う簡単な方法はありますか?



Android Chrome

これを機能させるにはAndroid5.0 Lollipopが必要だと思いますが、Chromeは タブとアプリをマージする に設定 オン 動作するにはAndroid5.0 Lollipopが必要だと思いますが、Chromeは タグとアプリケーションをマージする として設定され オン




#1階

参照: https://stackoom.com/question/1p7i3/Lollipopで最新のChromeバージョンのタイトルバーとアドレスバーの色を変更する方法


#2階

いくつか検索した後、解決策を見つけました。 いくつか検索した後、解決策が見つかりました。

含むname='theme-color'にタグを追加する必要があります、コンテンツ値としてHEXコードを使用します。 name='theme-color' inMarkを追加し、コンテンツ値としてHEXコードを使用する必要があります。 例えば: 例えば:



meta

#3階

実際には3つ必要ですmeta Android、iPhone、WindowsPhoneをサポートするタグ Android、iPhone、Windows Phoneをサポートするには、実際には3 ... ... Markが必要です。

... ...

#4階

から 公式ドキュメント から 公式文書で

たとえば、背景色をオレンジに設定するには、次のようにします。 たとえば、背景色をオレンジに設定するには、次のようにします。

 

さらに、Chromeは、提供されると美しい高解像度のファビコンを表示します。 さらに、Chromeは、提供されたときに美しい大量のオファーを表示します。 Chrome for Androidは、指定した最高​​解像度のアイコンを選択します。192×192pxのPNGファイルを提供することをお勧めします。 Chrome for Androidは、指定した最高​​解像度のアイコンを選択します。 192×192pxのPNGファイルを提供することをお勧めします。 例えば: 例えば:


#5階

たとえば、背景をお気に入り/ブランディングカラーに設定します たとえば、背景をお気に入り/ブランドの色に設定します

以下に追加 メタプロパティ のHTMLコードに セクション 次のようになります メタ属性 追加 セクション内のHTMLコード

以下の画像で、Chromeがテーマカラープロパティをどのように取得したかについて説明しました 下の画像では、Chromeがテーマの色属性をどのように使用するかについて説明しました

画像

Firefox OS、Safari、Internet Explorer、Opera Coastでは、メタタグを使用して、ブラウザの要素、さらにはプラットフォームの色を定義できます。 Firefox OS、Safari、Internet Explorer、およびOpera Coastでは、ブラウザの要素の色を定義したり、メタタグを使用してプラットフォームを定義したりすることができます。

|_+_|

Safari固有のスタイリング サファリスペシャルスタイル

ガイドラインから ここにドキュメント ガイドから ここにファイル

Safariユーザーインターフェイスコンポーネントの非表示 Safariユーザーインターフェイスコンポーネントを非表示にする

apple-mobile-web-app-capableメタタグをyesに設定して、スタンドアロンモードをオンにします。 apple-mobile-web-appをサポートするメタタグをyesに設定して、スタンドアロンモードを有効にします。 たとえば、次のHTMLは、スタンドアロンモードを使用してWebコンテンツを表示します。 たとえば、次のHTMLは、スタンドアロンモードを使用してWebコンテンツを表示します。

|_+_|

ステータスバーの外観の変更 ステータスバーの外観を変更する

デフォルトのステータスバーの外観を黒または黒半透明に変更できます。 デフォルトのステータスバーの外観を黒または黒の半透明に変更できます。 黒半透明の場合、ステータスバーは押し下げられるのではなく、全画面コンテンツの上に浮きます。 黒は半透明で、ステータスバーは押し下げるのではなく、全画面コンテンツの上に浮かんでいます。 これにより、レイアウトの高さが高くなりますが、上部が遮られます。 これにより、レイアウトは高くなりますが、上部が妨げられます。 必要なコードは次のとおりです。 これは必要なコードです:

ステータスバーの外観の詳細については、 apple-mobile-web-app-status-bar-styleを参照してください。 ステータスバーの外観の詳細については、 apple-mobile-web-app-status-bar-styleを参照してください。

例えば: 例えば:

黒を使用したスクリーンショット-半透明 黒の半透明のスクリーンショットを使用する

画像

黒を使用したスクリーンショット スクリーンショットには黒を使用

画像