25

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

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

4 ответа4

16

Иногда бывает сложно найти ссылку «ярлык» в 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 обычно находятся в конце.

10

Вы можете нажать 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">
6

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

0

Почему бы вам просто не щелкнуть правой кнопкой мыши на странице и не выбрать inspect element? Это дает вам HTML-код страницы, и там указывается значок. Просто нажмите на ссылку.

Пример http://cdn.sstatic.net/superuser/img/favicon.ico

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .