Загрузите favicon.ico с помощью инструментов разработчика Google Chrome

31291
Randomblue

Где можно получить значок сайта с помощью инструментов разработчика Google Chrome. У меня есть доступ к ресурсам (HTML, CSS, JS, изображения и т. Д.), Но я не могу найти значок.

Где иконка скрыта в инструментах разработчика Chrome?

23
У меня возникла та же проблема с HTML-страницей, и я понял, что не следует указывать значок favicon. Вместо этого браузер автоматически читал `/ favicon.ico`. Ссылка: https://mathiasbynens.be/notes/rel-shortcut-icon kevinarpe 7 лет назад 1

4 ответа на вопрос

16
Scott

It can sometimes be a little bit tedious to find the “shortcut icon” link in the HTML.  Another approach is to create an Internet shortcut (i.e., a “Favorite” in IE, a.k.a. a “Bookmark”) and open it with Notepad:

    [DEFAULT]
    BASEURL=http://superuser.com/questions/532616/grab-favicon-ico-…
    []
    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

The IconFile and IconIndex are usually at the end.

Как я могу открыть один из моих любимых сайтов-баров в таком текстовом редакторе? Joel Balmer 7 лет назад 0
Попробуйте это: запустите «Блокнот», сверните его, перетащите избранное на кнопку задачи «Блокнот» на панели задач (не опускайте ее туда) и подождите, пока откроется окно «Блокнот», затем перетащите его в открытое окно и оставьте там. Scott 7 лет назад 1
Спасибо Скотт, к сожалению, на Mac я использую textedit / xcode / sublime для редактирования кода, и выполнение вашего предложения в основном просто вставляет ссылку на любимый сайт. Надеюсь, есть способ! Joel Balmer 7 лет назад 0
Я знаю, что спрашивающий принял этот ответ, но он не отвечает на заданный вопрос, который был явно о «использовании инструментов разработчика Chrome». Это также полезно только в том случае, если ОС пользователя - Windows. jsejcksn 6 лет назад 0
9
amiregelz

You can click Ctrl+U to view source and look for the favicon in the code (<link rel="shortcut icon"). It's usually in the top of the HTML source file, since it's inside the <head>.

For this page, it's in the 7th line:

<!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">
Почему это не в «Ресурсы», со всеми другими изображениями? Randomblue 11 лет назад 3
@randomblue Где это должно быть? в разделе * Рамки> superuser.com> Изображения *? amiregelz 11 лет назад 0
Да, или где-то поблизости в панели «Ресурсы». Randomblue 11 лет назад 3
This doesn't work reliably. There are multiple ways of specifying a favicon; a `` element is only one of them. me_and 5 лет назад 0
4
blo0p3r

Вы можете использовать возможности 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

который получит значок для любого URL.

Это определенно не работает для всех URL. В частности, мне не удалось заставить его работать для любого варианта, который я попробовал на https://www.pactcoffee.com. me_and 5 лет назад 0
0
CalvT

Why don't you just right click on the page and select inspect element? That gives you the html code of the page and the favicon is listed there. Just click on the link.

Example http://cdn.sstatic.net/superuser/img/favicon.ico

на страницах, где это явно связано. Если страница * не * указывает, веб-браузер попробует расположение по умолчанию `/ favicon.ico`, которое не регистрирует ресурсы и не показывает сетевой трафик в Chrome. frumbert 6 лет назад 1

Похожие вопросы