时间戳

首页 > 解决方案 > 在 Chrome for Android 上更改标题栏颜色不起作用

mobile - 在 Chrome for Android 上更改标题栏颜色不起作用

问题描述

我正在尝试使用标签中的以下代码更改移动设备上的标题/搜索栏菜单颜色<head>。

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#313131">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#00f800">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#00f800">

然而，这对我不起作用，因此也尝试将移动清单 json 文件放在标题中：

<link rel="manifest" href="manifest.json" />

如下manifest.json所示：

{
  "short_name": "Maps",
  "name": "Google Maps",
  "icons": [
  {
   "src": "/images/icons-192.png",
    "type": "image/png",
    "sizes": "192x192"
  },
  {
    "src": "/images/icons-512.png",
    "type": "image/png",
    "sizes": "512x512"
  }
  ],
  "start_url": "/maps/?source=pwa",
  "background_color": "#3367D6",
  "display": "standalone",
  "scope": "/maps/",
  "theme_color": "#3367D6"
}

这也没有奏效，因此检查了 stackoverflow 并注意到没有有效的 ssl 证书也可能是一个原因，因此在网站上添加了一个，但仍然遇到同样的问题。

颜色确实略微变为深灰色，因此似乎确实做了一些事情，但不是我想要的颜色。我使用了此处示例中的一系列十六进制代码，以及我可以看到在我正在测试的同一台手机上工作的网站，所以不要相信这是手机或正在使用的颜色的问题。

我想知道现在是否还有其他原因导致此问题起作用？

标签： mobileandroid-manifestmanifesthead

解决方案

推荐阅读