如何把特定的瀏覽器的特定選項卡圖標

我一直在尋找關於如何我可以把特定的瀏覽器的特定標籤圖標，但我找不到任何答案，這可能是我的問題不清楚，所以我例如：googlechrome（圖標是紅色的），firefox（圖標是藍色的），...等等，以改變網站圖標的顏色（通過選擇正確的圖標）以適應瀏覽器。如何把特定的瀏覽器的特定選項卡圖標

有任何這樣的事情：

<link rel="icon" type="image/png" href="icon.png?v=2 <!-- choose the browser here-->" sizes="48x48">

任何幫助，請。

來源

2016-10-29 phoenix

你不能用純html做到這一點 - 你可以使用JavaScript或一些服務器端邏輯。 –

如果我使用JavaScript，它可以使網站頁面加載完美或將是壞的？ – phoenix

您是否使用了一些服務器端邏輯？ PHP或類似的東西？ –

在你的JavaScript：

function writeIconElement() { 
    var iconUrl = 'icon-default.png'; 
    var browser = 'Chrome'; 

    if (browser === 'Chrome') { 
     iconUrl = 'icon-chrome.png'; 
    } 

    var link = document.createElement('link'); 
    link.setAttribute('rel', 'icon'); 
    link.setAttribute('type', 'image/png'); 
    link.setAttribute('sizes', '48x48'); 
    link.setAttribute('href', iconUrl); 
    document.head.appendChild(link); 
}

在HTML：

<head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
</head> 

<body onload="writeIconElement()"> 
    <h1>Hello Plunker!</h1> 
</body>

有多種方式來檢測瀏覽器，這取決於你的瀏覽器的目標。

來源

2016-10-29 02:21:21

thaaaaaaaaaaaaanks非常多 – phoenix

如何把特定的瀏覽器的特定選項卡圖標

回答

相關問題