Justin's Words

为 Lollipop 上 Chrome 设置相应颜色状态栏

未设置状态栏变色和设置后的截图如下:

chrome

chrome

做法是给网页 HTML 添加一个 meta 标签:

1
<meta name="theme-color" content="#A81C23">

里面颜色搭配参考 Google Design Color Pallet

添加网站 icon 如下:

1
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">

效果:

chrome website icon

参考:

Setting the status bar color, Chrome’s address bar color and favicon for your website in Lollipop