DESIGN
androidのchromeでアドレスバーの色を変更する
- ARTICLE - No.36
- issue-
- 2,554 views
Posted by Keisuke Aratsu
POP1280
僕はスマホでもパソコンでもwebを見るときはchrome一択なんですが、最近スマホでchrome使ってるときに一部のサイトのアドレスバーの色が違うのに気付いたのでちょっと調べてみました。ちなみにこの変化が起こるのはandroid5.0以上でchromeを使用している場合に限るそうです。仕様としては昨年あたりから使う事が出来ていた模様。
1行追加するだけでOK
ちょっと調べてみたら簡単に見つかりました。特別な事しなくても簡単に変更できます。
肝心の方法はと言うと、、、
< head >〜< /head >にメタタグを1行追加するのみで
<meta name="theme-color" content="#4285f4">
これを追加するだけでOKで、あとはカラーコードを好きな番号に変更するだけ。なんと簡単！お手軽！だったので僕も早速このサイトで色変えてみました。デフォルトに比べてすこーーーしだけ色が濃くなってるの分かりますかね？？分かるか分からないかっていう微妙なところを狙ってます。うひひ。
簡単な事だけどちょっとした事で特別感が演出できるし、オシャレなサイト作りたいときとか、独自のテーマカラーがある時とか役に立てられそうですね。どっかのタイミングでまた使ってみよう。
