2015-07-28 63 views
1

在Android版Chrome上的棒棒糖,你可以设置一个元主题颜色标记和图标:https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android?hl=enAndroid主题颜色和favicon是否支持https?

我的代码:

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

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

这对我的作品上是部分网站HTTP但作为一旦它进入https,它就会丢失会话剩余部分的主题颜色和图标。

我已经尝试过主题颜色和图标分开,但可以不使用https工作。 favicon可在https和http上使用。有没有人使用这些成功与https或有类似的问题?

回答

0

我以为我有同样的问题,事实证明,这是一个缓存问题,当我使用android远程调试(缓存只有头标签?

无论如何,它应该工作。您可以尝试复制粘贴在该页面的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>