Chrome Mobile 失去了主题颜色答案

【问题标题】：Chrome Mobile loses theme colorChrome Mobile 失去了主题颜色
【发布时间】：2020-03-10 09:04:00
【问题描述】：

在测试网站时，我注意到 Chrome 的主题颜色在 Android 上的一种奇怪行为。

网站最初加载时，一切正常，主题颜色应用正确。但是，在使用输入字段后，Chrome 会丢失主题颜色。从现在开始，工具栏将具有默认颜色。

有人知道是什么导致了这个问题吗？

这是我用于测试的 HTML：

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="#0bc692">
  <title>Test</title>
</head>
<body>
  <form>
    <div>
      <h1>Login</h1>
    </div>
    <div>
      <label for="username">Username</label>
      <input name="username" type="text"></input>
    </div>
    <div>
      <label for="password">Password</label>
      <input name="password" type="text"></input>
    </div>
    <div>
      <button>Login</button>
    </div>
  </form>
</body>
</html>

编辑：

我已经在使用 TLS（使用有效证书）的 Web 服务器上测试了该网站。这里一切正常。这与没有 TLS 有关吗？

【问题讨论】：

标签： android html google-chrome

【解决方案1】：

我创建了一个 Chrome 错误报告。

见：https://bugs.chromium.org/p/chromium/issues/detail?id=1057772

这是一个错误，自 Chrome 70.0.3509.0 起就存在。

此问题目前的优先级较低，因为它仅在提供没有 TLS 的网页时才会出现。此外，在下一个版本中将会有一个新的安全指示器来避免这个问题。

【讨论】：