从运行 Lollipop 的 Chrome(Android 版)39 版开始,您现在可以使用 theme-color
元标记设置工具栏颜色,这意味着西雅图将不再显示灰色工具栏!语法非常简单:使用 name="theme-color"
向网页的 <head>
添加 meta
标记,并将 content
设置为任意有效的 CSS 颜色。
例如,要将背景设为您喜欢的颜色或 HTML5Rocks 橙色:
<meta name="theme-color" content="#db5945">
此外,如果提供精美的高分辨率网站图标,Chrome 也会显示此类图标。Chrome(Android 版)会选择您提供的分辨率最高的图标,我们建议您提供 192×192 像素的 PNG 文件。例如:
<link rel="icon" sizes="192x192" href="nice-highres.png">
您可在 HTML5Rocks 上以及 Web 基本法则网站上查看主题颜色,请务必查看添加到主屏幕文档,了解让您的网站脱颖而出的更多方法。