☰

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

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

Где я могу получить фавикон веб-сайта с помощью инструментов разработчика Google Chrome. У меня есть доступ к ресурсам (html, css, js, изображения и т. д.), но я не могу найти фавикон.

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

решение1

Иногда может быть немного утомительно искать ссылку «значок ярлыка» в HTML. Другой подход — создать ярлык Интернета (например, «Избранное» в 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 Dev Tools. Фильтр по фавикону. Перезагрузите страницу с помощью Shift+F5. Вы получите значок независимо от того, был ли он загружен по ссылке или из расположения по умолчанию.

Связанный контент