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

Pete LePage

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

从 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 和网站开发基础网站，了解主题颜色。此外，请务必查看“添加到主屏幕”文档，了解更多让您的网站脱颖而出的方法。