使用 Google Chrome 开发工具抓取 favicon.ico

Ran*_*lue 42 google-chrome favicon

我在哪里可以使用 Google Chrome 开发工具获取网站的图标。我可以访问资源(html、css、js、图像等),但找不到图标。

Chrome 开发工具中隐藏的图标在哪里?

Sco*_*ott 20

在 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 通常在最后。

  • 我知道提问者接受了这个答案,但它没有回答提出的问题,这是明确的“使用 Chrome 开发工具”。这也仅在用户的操作系统是 Windows 的情况下才有用。 (2认同)

ami*_*elz 16

您可以点击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">
Run Code Online (Sandbox Code Playgroud)

  • 为什么它不在“资源”中,以及所有其他图像? (5认同)
  • 是的,或者“资源”窗格中的某个地方。 (4认同)

bro*_*wly 14

这是一个实际上是 Google Chrome 的一部分的工具(按照问题的要求),适用于需要登录的网站。

在地址栏中,输入chrome://favicon/,然后是 url。

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

来源

  • 应该是我心目中公认的答案,.. (2认同)

小智 13

你可以使用谷歌的力量来做到这一点:

http://www.google.com/s2/favicons?domain=www.google.de

替换上面的域名将获取该给定域的图标。


您还可以使用此变体:

http://www.google.com/s2/favicons?domain_url=http%3A%2F%2Fwww.google.de%2F

这将获得任何网址的图标。


小智 8

使用 Chrome 开发工具网络选项卡。按 favicon 过滤 使用 Shift+F5 重新加载页面,无论它是通过链接加载还是从默认位置加载,您都将获得该图标

  • 我相信这是 2019 年迄今为止最简单的方法。这个答案确实应该排名更高。 (2认同)