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

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

从 Android Lollipop 版 Chrome 39 开始,您现在可以使用 theme-color 元标记来设置工具栏颜色,这意味着您再也不用忍受西雅图灰色工具栏了!语法非常简单:使用 name="theme-color"meta 标记添加到网页的 <head>,并将 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 和网站开发基础网站,了解主题颜色。此外,请务必参阅“添加到主屏幕”文档,了解更多让您的网站脱颖而出的方法。