Android 主题颜色和网站图标是否适用于 https？答案

【问题标题】：Does Android theme-color and favicon work with https?Android 主题颜色和网站图标是否适用于 https？
【发布时间】：2015-07-28 09:30:34
【问题描述】：

在 Lollipop 上的 Android 版 Chrome 中，您可以设置元主题颜色标签和网站图标：https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android?hl=en

我的代码：

<link rel="icon" sizes="192x192" href="//static.rizzo.co.uk/images/favicon_192.png">

<meta name="theme-color" content="#95c676">

这对我来说适用于网站的 http 部分，但一旦转到 https，它就会在会话的其余部分丢失主题颜色和网站图标。

我已经分别尝试了主题颜色和网站图标，但都无法使用 https。该图标可在 https 和 http 上使用。有没有人在 https 上成功使用过这些或者遇到过类似的问题？

【问题讨论】：

标签： android google-chrome

【解决方案1】：

我以为我遇到了同样的问题，结果发现这是一个缓存问题，当我使用 android 远程调试（仅缓存 head 标签？）时，它以某种方式解决了。

无论如何，它应该可以工作。您可以尝试将此页面中的 html 复制粘贴到您的 https 服务器：http://useragentman.com/tests/theme-color/?test

或附加以下脚本（来自 useragentman，以防页面关闭）：

<script>
    var $themeColor = document.querySelector("meta[name='theme-color']");
    function startAnim() {
        if ($themeColor.content === '#ff0000') {
            $themeColor.content = '#ffffff';
        } else {
            $themeColor.content = '#ff0000';
        }
        setTimeout(startAnim, 500);
    }
    startAnim();
</script>

【讨论】：