Chrome移动彩条主题颜色元标记无效

Question

我正在尝试实施theme-color元标记，但我无法在使用Chrome和Android Lollipop的摩托罗拉智能手机中看到它。

我从一个theme-color标签开始，然后我写了其他标签，但根本没有成功。

<meta name="theme-color" content="#5f5eaa">
<meta name="msapplication-TileColor" content="#5f5eaa">
<meta name="msapplication-navbutton-color" content="#5f5eaa">
<meta name="apple-mobile-web-app-status-bar-style" content="#5f5eaa">

此网页通过HTTPS运行，证书无效（这是一个内部网工具），但我认为它不会影响该功能，对吧？

Answer 1

在我看来，这实际上是我的手机正在使用的主题。主题颜色元标记在Android的深色主题中不起作用（撰写本文时，我在Android 10上）。切换到Chrome中的浅色主题，您将看到它可以正常工作。 ：）

Answer 2

根据我的测试经验，必须提供有效的认证。

我在本地主机上进行测试时遇到了同样的问题（即地址栏背景色在移动设备上没有更改），但是当我投入生产时（即生产具有有效的认证），便能够查看更改反映在android测试设备上。

使用的Android设备：OnePlus 3T，华为，旧的三星手机。全部都是阳性结果。

Answer 3

请检查您的浏览器主题？可能在那里启用了暗模式！

Answer 4

以下是支持此meta标签的表格。 https://caniuse.com/#feat=meta-theme-color

Answer 5

chrome要求您具有有效的主题栏颜色证书才能使用