Question

我正在尝试使用<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证书也可能是一个原因，所以添加了一个到网站但是仍然遇到同样的问题。

颜色确实略微变为深灰色，所以似乎做了一些事情，但不是我追求的颜色。我在这里使用了一系列十六进制代码，以及我可以看到在我正在测试的同一个移动设备上工作的网站，所以不要相信它是移动设备或使用的颜色的问题。

我想知道现在还有其他原因吗？

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

0 个答案: