AndroidのChromeでアドレスバーに色をつける

2016.7.15 HTML

特に何の役にも立たないのですが、なんとなく「あぁ、やりたいなぁ」と思ったらすごく簡単にできるのです。

早速参りましょう、一行で完結します。

AndroidアプリのGoogle Chromeで、
アドレスバーのところに色をつける方法。

<head>
<!-- headタグ内に書きましょう -->
<meta name="theme-color" content="16進数RGB">
</head>

「16進数RGB」のところに、お好きなカラーコードを入力します。
それだけでOKです!

Android版のchromeのアドレスバーに色をつけた

対応OSとブラウザバージョン

Android OSはLolipop以降でChromeは39 + 対応とのことです。

iPhoneでは適用されなかったようなので、ほとんど意味がないですが、ちょっとおトクな気分になりますよね。

 

でわ!

プロフィール

東京でWebデザイナー・コーダーとして、フロントエンド的なことからデザイン思考的なことを考えたりして、ごにょごにょと活動中。(ポートフォリオ)Webクリエイターでは珍しい(?) HIPHOP, R&B好き。休日はよくカフェや漫画喫茶に出向いたりパン屋に行ったりコーヒ豆買いに行ったり、主に散歩しています。。デザインのトレンドやデザイン思考、HTML、CSSからSASS、Javascript、Wordpress構築などコーディングのTIPSなどをブログにアップしていきます。その他のことはtwitter( @satohmsys )まで。コーヒー友達募集中。