![显示主题颜色的手机屏幕截图。](https://developer.chrome.google.cn/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=2&hl=zh-cn)
从运行 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 基本法则网站上查看主题颜色,请务必查看添加到主屏幕文档,了解让您的网站脱颖而出的更多方法。