changecolor

DESIGN

androidのchromeでアドレスバーの色を変更する

  • ARTICLE - No.36
  • issue-
  • 569 views

Posted by Keisuke Aratsu
POP1280

僕はスマホでもパソコンでもwebを見るときはchrome一択なんですが、最近スマホでchrome使ってるときに一部のサイトのアドレスバーの色が違うのに気付いたのでちょっと調べてみました。ちなみにこの変化が起こるのはandroid5.0以上でchromeを使用している場合に限るそうです。仕様としては昨年あたりから使う事が出来ていた模様。

1行追加するだけでOK

ちょっと調べてみたら簡単に見つかりました。特別な事しなくても簡単に変更できます。
肝心の方法はと言うと、、、
< head >〜< /head >にメタタグを1行追加するのみで

<meta name="theme-color" content="#4285f4">

これを追加するだけでOKで、あとはカラーコードを好きな番号に変更するだけ。なんと簡単!お手軽!だったので僕も早速このサイトで色変えてみました。デフォルトに比べてすこーーーしだけ色が濃くなってるの分かりますかね??分かるか分からないかっていう微妙なところを狙ってます。うひひ。

簡単な事だけどちょっとした事で特別感が演出できるし、オシャレなサイト作りたいときとか、独自のテーマカラーがある時とか役に立てられそうですね。どっかのタイミングでまた使ってみよう。

LATEST_

ABOUT ME_

アラツ ケイスケ :
福岡県糟屋郡志免町在住。畑で野菜を育てて生きていきたいwebデザイナー。嫌いなものはクチャラー。1984年10月生まれ。昨年三十路デビューしました。音楽とB級映画をこよなく愛す一面、垂れ流すだけで何を聞いたか観たのか全く記憶にないこともしばしば。(大抵寝落ちしてるか、本を読んでます。)
このブログでは自分が書きたい音楽の事やデザインの事、福岡の事を好きなように書いて行くつもりです。記事掲載のご相談も受け付けますのでどうぞお気軽に。随時受け付けます。僕がバテあがってたらお返事までお時間掛かると思いますが悪しからず。

→CONTACT