題 如何從網站下載favicon?


當您瀏覽網站時,“favicon”圖標會顯示在選項卡中或URL旁邊(或書籤旁邊)。

如果我想要那個圖形,有沒有辦法直接從網站下載?我更喜歡直接從網上下載,但如果一切都失敗了,我會把它從計算機上存儲的任何地方(Windows 7,Firefox 3.6.6)中刪除。


116
2018-06-29 02:16


起源




答案:


Studiohack採用“徹底”的方法,但這是一個簡短的黑客攻擊:

  1. 輸入域名之類的 https://superuser.com/(必須以'/'結尾)
  2. favicon.ico 到最後
  3. 按Enter鍵(這應該在URL中: https://superuser.com/favicon.ico
  4. 右鍵單擊圖像,然後單擊“將圖像另存為”

148
2018-06-29 02:34



其他答案都很棒。我學到了很多,謝謝。但是,就我的具體目的而言,這正是我所尋求的。公認。 - Robert Cartaino♦
好吧,除了像Wikia這樣的網站。 - Hello71
如此簡單而又天才。 - Raffi Khatchadourian


通過閱讀 http://en.wikipedia.org/wiki/Favicon 你也可以找到:

以下格式是跨瀏覽器兼容的並且受支持   通過Internet Explorer,Firefox,Chrome和Opera。[3]

<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />

此外,以下也是可以接受的:

<link rel="shortcut icon" href="/somepath/myicon.ico" />

以下顯示了支持的鏈接標記格式,使用示例,       用於HTML和XHTML。

HTML:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico"> <link rel="icon" type="image/png" href="http://example.com/image.png"> <link rel="icon" type="image/gif" href="http://example.com/image.gif">

因此,通常的做法是在根文件夾上放置一個名為“favicon.ico”的文件,但可以肯定的是,您必須查找所提供文件的源代碼,並查看是否以及在那裡定義了什麼。

例如,為 http://superuser.com 它是

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 

44
2018-06-29 02:50



我發現在根文件夾中沒有存儲favicon.ico的網站,特別是在Wikia上。但上述工作有效。 - D Coetzee
在頁面上打開檢查元素並進行搜索 ico 應該找到它。 - Qwertie


你不能總是添加/favicon.ico(例如。 https://superuser.com/favicon.ico
所有答案都比必要的更複雜。

你所做的只是寫在這裡: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. 轉到目標站點。
  2. 查看頁面源代碼(右鍵單擊頁面並單擊“查看頁面源代碼”) - 使用firefox,在其他瀏覽器中可能略有不同。
  3. 搜索(Ctrl + F)“快捷圖標”
  4. 你應該看到這樣的東西:

    link rel="shortcut icon" href="http://www.sitename.com/images/thenameofthefavicon.ico"/>

  5. 右鍵單擊鏈接 http://www.sitename.com/images/favicon.ico 並保存圖標。或者,使用URL打開頁面並保存頁面。


28
2018-01-31 05:02



好建議!但並非所有網站都直接在HTML中指定它,可以推斷.. - Jeff Atwood
當/favicon.ico沒有時,這個工作。謝謝。 - Joshua Dance


您可以使用Google S2轉換器執行此操作。

這是語法: http://www.google.com/s2/favicons?domain=DomainName

例如: http://www.google.com/s2/favicons?domain=https://superuser.com/


23
2017-11-24 07:12



偉大的工具,比導航到特定的favico網址更快 - Luca Steeb
這是唯一對我有用的方法。 - Anixx


之前的答案都沒有對我有用,因為我需要圖標的網站是一個內部網站,沒有在源中公開它,並且不允許附加/favicon.ico所以我挖了一點。

Chrome可以使用此解決方案可靠地拉動圖標:

  1. 訪問您想要的網站
  2. 在網站網址前添加'chrome:// favicon /'。
  3. 右鍵單擊圖像
  4. 將圖像另存為...

10
2017-10-02 17:12



這就是我要的。謝謝! - Viet Tran


在Firefox 3中:單擊圖標,彈出窗口,您可以單擊“更多信息”...在彈出的窗口中,轉到“媒體”選項卡。突出顯示所需的特定媒體項目(它在窗口底部的大空白區域中顯示預覽),然後單擊“另存為”。給它一個名字,選擇一個位置,你就完成了! :)

有些網站可能沒有列出的圖標,但有些網站會點擊或錯過...在超級用戶上試試這個... SU有一個列出的圖標...


5
2018-06-29 02:19



這在Firefox最新版本(版本21)中也是如此,但是,如果favicon位於IE默認的站點的根目錄中,它將不會在那裡顯示為媒體!因為它沒有直接在HTML中指定,所以暗示了它。 - Jeff Atwood


如果您啟用了JavaScript,則可以在控制台中運行:

(function() {
    var i=0;
    var arrLink = [];
    var found = 0;
    arrLink = document.getElementsByTagName('link');
    if (arrLink.length > 0) {
        for (i=0; i < arrLink.length; i++) {
            if (typeof arrLink[i].rel !== 'undefined' && arrLink[i].rel.indexOf('icon') > -1) {
                found = 1;
                window.open(arrLink[i].href);
            }
        }
        if (found === 0) {
            alert('favico Not Found');
        }
    } else {
        alert('favico Not Found');
    }
})();

或者,使用以下代碼作為URL中的書籤/粘貼:

javascript:(function(){var a=0,b=[],c=0,b=document.getElementsByTagName("link");if(0<b.length){for(a=0;a<b.length;a++)"undefined"!==typeof b[a].rel&&-1<b[a].rel.indexOf("icon")&&(c=1,window.open(b[a].href));0===c&&alert("favico Not Found")}else alert("favico Not Found")})();

4
2017-12-11 12:06