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 )まで。