如何設置頁面特定的favicon？

我正在尋找一個代碼，將設置頁面特定的圖標。我已經在整個網站上有一個圖標，但在整個網站的幾個頁面上，我想要一個替代圖標。如何設置頁面特定的favicon？

我發現下面的代碼某處前一段時間，一旦使用它之前在頁面上，但它似乎沒有現在的工作......

<script>(function() { 
    var link = document.createElement('link'); 
    link.type = 'image/x-icon'; 
    link.rel = 'shortcut icon'; 
    link.href = 'http://www.iconj.com/ico/8/6/86d29buh2e.ico'; 
    document.getElementsByTagName('head')[0].appendChild(link); 
}()); 
</script>

如果任何人都可以擺脫對什麼可能是一些光錯誤的代碼或建議備用建議，將不勝感激。

來源

2016-07-01 MosheBait

不確定爲什麼JavaScript需要在這裏。只是以正常的方式聲明一個favicon？ https://www.w3.org/2005/10/howto-favicon –

謝謝。我無法訪問頁面的標題，但我必須嘗試其他方法。雖然謝謝！ – MosheBait

您創建的代碼似乎工作得很好。它將頁面的圖標設置爲圖標。它可能無法正常工作的原因是，有時當某些東西託管在本地時，這些圖標將不會從遠程源加載。我知道這是我的情況，當我在Windows 10上使用谷歌瀏覽器。但是，如果我使用linux/firefox組合來做同樣的事情，它工作得很好。

因此，只需進行測試，以確保您的設置可以實際顯示任何圖標。使用代碼：

<head> 
    <link rel="shortcut icon" 
     type="image/x-icon" 
     href="http://www.iconj.com/ico/8/6/86d29buh2e.ico"> 
</head>

來源

2016-07-01 16:22:53 Benjadahl

嗯......讓我感到困惑的是，我之前使用過相同的代碼，使用相同的iconj.com託管，在同一網站上的另一頁上！該代碼現在無法正常工作。所以我會認爲這是東西在主機端被改變了。將不得不看看發生了什麼變化 – MosheBait

如果你願意使用JavaScript，我建議給一個嘗試favicon.js。雖然它提供的功能比您需要的功能多，但它應該能夠解決您的問題。在項目的主頁上，尋找「定期圖像到圖標」，這是你想要達到的。

來源

2016-07-07 16:25:19

謝謝！我會給它一個鏡頭 – MosheBait

如何設置頁面特定的favicon？

回答

相關問題