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