「なんかアドレスバーの色が変わるサイトがあるなぁ…」というのは前々から気付いていたんですが、調べてみたら簡単に実装できるみたいなので、うちのブログも変更してみました。
参考にしたのはこちらのサイトです。
メタタグ1行で変更できる！簡単！
head内に下のメタタグを追加するだけでOKです。content属性には16進数カラーコードを指定します。
|
1 |
<meta name="theme-color" content="#36302d"> |
アドレスバーって意外と目立つ部分なので、カラーの選定は慎重に行ったほうがいいですね…うちのブログは目立ちすぎないようにヘッダーの色に合わせました。
あ、ちなみに暗めの色を指定すると読み込み時のプログレスバーの色が白に変わるっぽいです。なんかお洒落。
このコードが効くのは、Android5.0以降かつAndroid用Chrome（Ver39以降）から閲覧しているユーザーに限られています。
そのため、参考元のブログ含む各所で「特に必要ない機能」と言われているというのが現状です。悲しいなぁ…
ただ、こういう細かいところまでカスタマイズしているブログに出会うと「お、こだわってるねぇ…」という謎の感動を覚える変な人種もいるので、個人的には一応メリットがあると思います。多分。ね。
