当前位置: 首页 > 知识库问答 >
问题:

如何在Lollipop上改变最新Chrome版本的标题栏和地址栏的颜色?

顾高翰
2023-03-14

还没有找到关于这个话题的任何东西。我真的很喜欢在概览上改变地址栏颜色和标题颜色的能力?有什么简单的方法可以做到这一点吗?

我想你需要Android5.0的Lollipop才能让它工作,并且Chrome的合并标签和应用程序设置为ON。

共有2个答案

居星阑
2023-03-14

您实际上需要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">
陈业
2023-03-14

经过一番寻找找到了解决办法。

您需要在包含name=“theme-color” 标记中添加一个 标记,十六进制代码作为内容值。例如:

<meta name="theme-color" content="#999999" />

如果android设备启用了本机dark-mode,则忽略此meta标记。

Android的Chrome不会在启用本机暗模式的设备上使用这种颜色。

来源:https://caniuse.com/#search=theme-color

 类似资料: