如何在 Lollipop 上的最新 Chrome 版本中更改标题栏和地址栏的颜色？
尚未找到有关此主题的任何内容。我真的很喜欢在概览中更改地址栏颜色和标题颜色的功能吗？有什么简单的方法可以做到这一点？
https://i.stack.imgur.com/6iShFm.png
我认为您需要 Android 5.0 Lollipop 才能正常工作，并且 Chrome 的合并选项卡和应用程序设置为打开。
>.< )
经过一番搜索找到了解决方案。
您需要在包含 name="theme-color" 的 <head> 中添加一个 <meta> 标记，并将您的 HEX 代码作为内容值。例如：
<meta name="theme-color" content="#999999" />
更新：
如果 android 设备启用了原生 dark-mode，则忽略此 meta 标记。
Android 版 Chrome 不会在启用了原生暗模式的设备上使用该颜色。
来源： https://caniuse.com/#search=theme-color
您实际上需要 3 个 meta 标记来支持 Android、iPhone 和 Windows Phone
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#4285f4">
apple-apple-mobile-web-app-capable 中的说明指定全屏模式，否则此元标记无效。”
apple-mobile-web-app-status-bar-style 属性仅支持 black、black-translucent or default` - 您不能使用自定义颜色。
black-translucent，它将使顶部栏透明并带有白色文本，这可能是您所追求的
例如，将背景设置为您喜欢的/品牌颜色
在 HEAD 部分的 HTML 代码中添加下面的 Meta 属性
<head>
...
<meta name="theme-color" content="Your Hexadecimal Code">
...
</head>
例子
<head>
...
<meta name="theme-color" content="#444444">
...
</head>
在下图中，我刚刚提到了 Chrome 如何获取您的主题颜色属性
https://i.stack.imgur.com/OMX5g.png
Firefox OS、Safari、Internet Explorer 和 Opera Coast 允许您定义浏览器元素的颜色，甚至是使用元标记的平台。
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Safari 特定样式
来自指南Documents Here
隐藏 Safari 用户界面组件
将 apple-mobile-web-app-capable 元标记设置为 yes 以打开独立模式。例如，以下 HTML 使用独立模式显示 Web 内容。
<meta name="apple-mobile-web-app-capable" content="yes">
更改状态栏外观
您可以将默认状态栏的外观更改为黑色或黑色半透明。使用黑色半透明，状态栏浮动在全屏内容的顶部，而不是向下推。这使布局具有更高的高度，但会阻碍顶部。这是所需的代码：
<meta name="apple-mobile-web-app-status-bar-style" content="black">
有关状态栏外观的更多信息，see apple-mobile-web-app-status-bar-style.
例如：
使用黑色半透明的屏幕截图
https://i.stack.imgur.com/hWVnD.png
使用黑色的屏幕截图
https://i.stack.imgur.com/q2nsx.png
例如，要将背景颜色设置为橙色：
<meta name="theme-color" content="#db5945">
此外，Chrome 会在提供精美的高分辨率网站图标时显示它们。 Android 版 Chrome 会选择您提供的分辨率最高的图标，我们建议您提供 192×192 像素的 PNG 文件。例如：
<link rel="icon" sizes="192x192" href="nice-highres.png">
