2015-07-28 66 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>