iOS

スマートフォンのブラウザのアドレスバーの色を変更する方法

スマートフォンのブラウザのアドレスバーの背景色を変更する方法について。 スマートフォン所有者ではなくサイト所有者向けの内容です。

方法としては HTML の head 内に所定のメタタグを追加するだけで OK です。 OS/ブラウザごとに方法が少しずつ異なりますが主流は次の方法です。

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

name 属性に theme-color を、 content に 16 進数表記の色を入れます。 こちらは Chrome / Opera / Firefox OS などのブラウザがサポートしています。