Web制作ネタを中心に、ネット上の様々な情報をゆる~く発信する個人ブログです

KuzLog

ページの先頭へ
トップに戻る
2018年1月23日 Web制作

Android版Chromeのタブ(アドレスバー)の色を変更する方法

「なんかアドレスバーの色が変わるサイトがあるなぁ…」というのは前々から気付いていたんですが、調べてみたら簡単に実装できるみたいなので、うちのブログも変更してみました。

参考にしたのはこちらのサイトです。

メタタグ1行で変更できる!簡単!

方法

head内に下のメタタグを追加するだけでOKです。content属性には16進数カラーコードを指定します。

結果

アドレスバーって意外と目立つ部分なので、カラーの選定は慎重に行ったほうがいいですね…うちのブログは目立ちすぎないようにヘッダーの色に合わせました。

あ、ちなみに暗めの色を指定すると読み込み時のプログレスバーの色が白に変わるっぽいです。なんかお洒落。

メリットは…

このコードが効くのは、Android5.0以降かつAndroid用Chrome(Ver39以降)から閲覧しているユーザーに限られています。

そのため、参考元のブログ含む各所で「特に必要ない機能」と言われているというのが現状です。悲しいなぁ…

ただ、こういう細かいところまでカスタマイズしているブログに出会うと「お、こだわってるねぇ…」という謎の感動を覚える変な人種もいるので、個人的には一応メリットがあると思います。


やろうと思えば30秒で実装出来る小技なので、興味のある方は是非!