Android版Chromeでの表示時にアドレスバー(アクションバー)を黒くしました。

|

最近少し耳にしていた「Android版Chromeでアドレスバー(アクションバー)の色を変える」というのを導入してみました。どういうこと?という人は、まぁAndroid版Chromeでこのページを見てもらえれば分かると思いますが、そのまんまです。

20160214-site-1s

こんな感じで、URLを入力したりタブボタンがある場所が黒くなっています。

20160214-site-2s

通常はこんな感じで灰色ですね。

ちょっとしたコードを加えるだけでここの色を自由に指定できるので、ほかのサイトでも別の色にしているのを見かけることがあると思います。単純に背景色が変わるだけでなく、私のサイトの場合のように黒など濃い色の場合は自動的にテキストが白になるのは嬉しいですね。

サイトのヘッダー部分との一体感が出てかっこ良くなったと思うのですが、どうでしょうか。

やり方

調べればすぐに詳しいサイトも出てくると思いますが、いちおうやり方を書いておきます。

<meta content="#252525" name="theme-color">

<head>~</head>の間にこのコードを入れればいいだけです。content=”#252525″で色を指定します。簡単ですね。

Random Posts

第3回ホーム画面カスタマイズ定期コンテスト開催のお知らせ
ラスタバナナのPixel 3用画面保護フィルム(アンチグレア)購入!ギリギリフィットサイズでなかなか良し
ごちゃつくUSBケーブルを整理!マグネットでくっつくケーブルホルダー
Foldery Multicon Folder Widget:アイコンパックも適用できるフォルダーウィジェット
クイック設定パネル(Quick Settings)の使い方とカスタマイズ (Adroid 7.0以上向け)
ジョルテッシモ:縦長スマホで使いたい縦スクロール型のカレンダー・スケジュール帳アプリ
Kaan Icon Packってカッコ良いよね。【ホーム画面定期コンテスト】
UMIDIGI A3 Proレビュー:エントリークラスながら指紋センサーや19:9ディスプレイを持つスマホ
私の思い出のAndroid端末:写真を撮りまくり飯テロ大賞を受賞した HUAWEI honor 8
2018年Amazonアソシエイトを通して購入された商品ベスト30
フチまで完璧!AQUOS R Compact用ラスタバナナのTPU液晶保護フィルム
世界最小LTEスマホJellyが日本の技適マーク取得へ! 代理店経由で日本語で購入も可能
mineoが通信の最適化についてのお詫びと詳細をコミュニティサイト「マイネ王」内にて公開
BIGLOBEモバイル タイプAを契約-速度測定の結果はある意味で予想外
Twitterアプリ、何使ってる?アンケート2019【回答募集】