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

gug*_*rra 17 html5 google-chrome

我正在尝试实现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">
Run Code Online (Sandbox Code Playgroud)

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

小智 29

就我而言,它实际上是我手机使用的主题。主题颜色元标记在 Android 的深色主题中不起作用(我在写这篇文章时使用的是 Android 10)。在 Chrome 中切换到浅色主题,您会看到它起作用了。:)


小智 13

我的测试经验需要有效的认证。

我在我的本地主机上测试时遇到了同样的问题(即地址栏背景颜色在移动设备上没有改变),但是一旦我推送到生产(即生产具有有效的认证),我就能够查看反映在安卓测试设备。

使用的安卓设备:OnePlus 3T、华为、旧三星手机。都是积极的结果。


小智 7

请检查您的浏览器主题?可能有启用黑暗模式!


ste*_*tep 6

这是支持此元标记的表。 https://caniuse.com/#feat=meta-theme-color

始终检查实际浏览器版本。

在此处输入图片说明


kri*_* BG 6

chrome 要求您拥有有效的证书才能使主题栏颜色正常工作