从 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 基本法则网站上的主题颜色部分,请务必查看“添加到主屏幕”文档,了解让您的网站脱颖而出的更多方法。