使用Google Chrome开发人员工具获取favicon.ico

33

在哪里可以使用Google Chrome开发者工具获取网站的收藏夹。我可以访问资源（html，css，js，图像等），但是找不到网站图标。

Chrome开发人员工具中隐藏的图标图标在哪里？

google-chrome favicon

— 随机蓝
source

1

我在HTML页面上遇到了同样的问题，然后我意识到不需要显式指定favicon。相反，浏览器在自动阅读/favicon.ico。参考：mathiasbynens.be/notes/rel-shortcut-icon

— kevinarpe

19

在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通常在末尾。

— 史考特
source

如何在这样的文本编辑器中打开我最喜欢的酒吧站点之一？

— 乔尔·巴尔默

1

尝试以下操作：启动记事本，将其最小化，将收藏夹拖到任务栏上的记事本任务按钮上（不要将其拖放到此处），然后等待记事本窗口重新打开，然后将其拖放到打开的窗口中并放到那里。

— 斯科特

1

谢谢Scott，可悲的是，在Mac上，我使用textedit / xcode / sublime来编辑代码，并且基本上执行您的建议似乎只是粘贴了喜爱站点的链接。希望有办法！

— 乔尔·巴尔默

2

我知道提问者接受了这个答案，但没有回答所提出的问题，这对于“使用Chrome开发工具”是明确的。这仅在用户的操作系统为Windows的情况下才有用。

— jsejcksn

10

您可以点击Ctrl+ U来查看源代码，并查找图标的代码（<link rel="shortcut icon"）。它通常位于HTML源文件的顶部，因为它位于的内部<head>。

对于此页面，它在第七行：

<!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">

— 阿米列格兹
source

4

为什么没有在“资源”中显示所有其他图像？

— 2013年

@randomblue应该在哪里？在“ 框架”>“ superuser.com”>“图像”下？

— amiregelz 2013年

3

是的，或者在“资源”窗格中的某个位置。

— Randomblue 2013年

这不能可靠地工作。指定图标的方式有多种。一个<link>元素只是其中之一。

— me_and

9

您可以使用Google的功能来做到这一点：

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

它将获得所有网址的网站图标。

— blo0p3r
source

这绝对不适用于所有网址。特别是，我没有设法使其适用于pactcoffee.com尝试的任何变体。

— me_and

@me_并https://www.google.com/s2/favicons?domain=media.pactcoffee.com/结束工作。我猜它在原始版本上不起作用，因为它是从其他子域中获得收藏夹图标的。

— blo0p3r

4

这是实际上是Google Chrome浏览器一部分的工具（按问题要求），适用于需要登录的网站。

在地址栏中，输入chrome://favicon/，然后输入网址。

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

资源

— row
source

2

使用Chrome开发者工具的网络标签。按favicon过滤使用Shift + F5重新加载页面无论使用链接或从默认位置加载图标，都将获得图标

— 绝望
source

0

您为什么不右键单击页面并选择 inspect element？这将为您提供该页面的html代码，并且该图标在此处列出。只需单击链接。

示例http://cdn.sstatic.net/superuser/img/favicon.ico

— CalvT
source

1

在明确链接的页面上。如果未指定页面，则网络浏览器将尝试使用的默认位置/favicon.ico，该默认位置不会登录资源，也不会显示在Chrome中的网络流量上

— frumbert