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

33

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

Де прихований фавікон у інструментах для розробників Chrome?

google-chrome favicon

— Випадкованіжка
джерело

1

У мене був такий самий випуск на HTML-сторінці, тоді я зрозумів, що фавікон не потрібно чітко вказувати. Натомість браузер автоматично магічно читав /favicon.ico. Ref: mathiasbynens.be/notes/rel-shortcut-icon

— kevinarpe

19

Знайти посилання "Піктограма ярлика" в 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 зазвичай в кінці.

— Скотт
джерело

Як я можу відкрити один із моїх улюблених сайтів бар у текстовому редакторі, як це?

— Джоел Бальмер

1

Спробуйте це: запустіть Блокнот, мінімізуйте його, перетягніть улюблене до кнопки завдань «Блокнот» на панелі завдань (не кидайте туди) і чекайте, коли вікно «Блокнот» знову відкриється, потім перетягніть у відкрите вікно і опустіть його туди.

— Скотт

1

Дякую Скотту, на жаль, на Mac я використовую textedit / xcode / sublime для редагування коду, а виконання вашої пропозиції в основному просто здається, щоб вставити посилання улюбленого сайту. Сподіваємось, є спосіб!

— Джоел Бальмер

2

Я знаю, що запитувач прийняв цю відповідь, але він не відповідає на поставлене запитання, яке було явним щодо "використання інструментів розробки Chrome". Це також корисно лише у випадку, якщо ОС користувача - це Windows.

— jsejcksn

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

— amiregelz
джерело

4

Чому його немає в «Ресурсах», з усіма іншими зображеннями?

— Randomblue

@randomblue Де це повинно бути? під Рамки> superuser.com> Зображення ?

— amiregelz

3

Так, або десь там на панелі "Ресурси".

— Randomblue

Це не працює надійно. Існує кілька способів визначення фавікону; <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

це отримає фавікон для будь-якої URL-адреси.

— blo0p3r
джерело

Це точно не працює для всіх URL-адрес. Зокрема, мені не вдалося змусити його працювати для жодного варіанту, який я спробував на сайті pactcoffee.com .

— мені_і

@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/закінчив роботу. Я думаю, це не працювало на оригіналі, оскільки він отримував фавікон з іншого піддомену.

— blo0p3r

4

Ось інструмент, який насправді є частиною Google Chrome (як вимагається у запитанні), і працює для сайтів, які потребують входу.

В адресному рядку введіть chrome://favicon/, а потім URL-адресу.

Наприклад, chrome://favicon/https://example.com/private-page.html

Джерело

— брови
джерело

2

Перейдіть на вкладку Мережа інструментів Chrome Dev. Фільтр по favicon Перезавантажте сторінку за допомогою Shift + F5 Ви отримаєте піктограму незалежно від того, вона була завантажена за посиланням або з місця за замовчуванням

— Безнадійні
джерело

0

Чому ви просто не клацніть правою кнопкою миші на сторінці і не виберете inspect element? Це дає вам html-код сторінки, і там вказаний фавікон. Просто натисніть на посилання.

Приклад http://cdn.sstatic.net/superuser/img/favicon.ico

— CalvT
джерело

1

на сторінках, де це явно пов’язано. Якщо на сторінці не вказано, веб-браузер спробує розташування за замовчуванням /favicon.ico, яке не входитиме в ресурси та не відображається на мережевому трафіку в Chrome

— frumbert