☰

使用 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查看源代码并在代码中查找 favicon ( <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 Dev Tools 网络选项卡。按图标过滤使用 Shift+F5 重新加载页面，无论它是通过链接加载还是从默认位置加载，您都将获得图标

相关内容