☰

使用 Google Chrome 開發工具抓取 favicon.ico

tag-icon • tag-icon google-chrome favicon
使用 Google Chrome 開發工具抓取 favicon.ico

在哪裡可以使用 Google Chrome 開發工具來取得網站的圖示。我可以存取資源（html、css、js、圖像等），但找不到圖示。

Chrome 開發工具中的圖示隱藏在哪裡？

答案1

有時在 HTML 中尋找「快捷方式圖示」連結可能有點乏味。另一種方法是創建一個 Internet 快捷方式（即 IE 中的“收藏夾”，又稱為“書籤”）並用記事本打開它：

    [DEFAULT]
    BASEURL=http://superuser.com/questions/532616/grab-favicon-ico-…
    [{000214A0-0000-0000-C000-000000000046}]
    Prop3=19,2
    [InternetShortcut]
    URL=http://superuser.com/questions/532616/grab-favicon-ico-using-google-…
    IDList=
->  IconFile=http://cdn.sstatic.net/superuser/img/favicon.ico
    IconIndex=1

IconFile 和 IconIndex 通常位於末尾。

答案2

這是一個實際上是 Google Chrome 的一部分的工具（按照問題中的要求），適用於需要登入的網站。

在網址列中輸入chrome://favicon/，然後輸入 url。

例如，chrome://favicon/https://example.com/private-page.html

來源

答案3

您可以點擊Ctrl+U來查看原始碼並在程式碼 ( ) 中尋找網站圖示<link rel="shortcut icon"。它通常位於 HTML 原始檔的頂部，因為它位於<head>.

對於此頁面，它位於第 7 行：

<!DOCTYPE html>
<html>

<head>

    <title>Grab favicon.ico using Google Chrome dev tools - Super User</title>
    <link rel="shortcut icon" href="http://cdn.sstatic.net/superuser/img/favicon.ico">

答案4

使用 Chrome 開發工具「網路」標籤。按網站圖標過濾 使用 Shift+F5 重新加載頁面 無論它是透過連結加載還是從預設位置加載，您都將獲得圖標

相關內容