Android 版 Chrome 39 对主题颜色的支持

显示主题颜色的手机屏幕截图。

从 Lollipop 上的 Chrome(Android 版)39 版开始,您现在可以使用 theme-color 元标记设置工具栏颜色,这意味着,西雅图工具栏不会再显示灰显了!语法非常简单:使用 name="theme-color" 向网页的 <head> 添加 meta 标记,并将 content 设置为任何有效的 CSS 颜色。

例如,要将背景设置为您喜欢的颜色或 HTML5Rocks 橙色:

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

此外,Chrome 也会显示精美的高分辨率网站图标(如果提供)。Android 版 Chrome 会选择您提供的分辨率最高的图标,我们建议您提供 192×192 像素的 PNG 文件。例如:

<link rel="icon" sizes="192x192" href="nice-highres.png">

请查看此处的 HTML5Rocks 主题颜色以及 Web 基本法则网站上的主题颜色部分,请务必查看“添加到主屏幕”文档,了解让您的网站脱颖而出的更多方法。