Pobierz favicon.ico za pomocą narzędzi programistycznych Google Chrome

33

Gdzie mogę pobrać stronę internetową za pomocą narzędzi programistycznych Google Chrome. Mam dostęp do zasobów (html, css, js, images itp.), Ale nie mogę znaleźć favicon.

Gdzie favicon jest ukryty w narzędziach programistycznych Chrome?

Randomblue
źródło
1
Miałem ten sam problem ze stroną HTML, a potem zdałem sobie sprawę, że favicon nie musi być wyraźnie określony. Zamiast tego przeglądarka czytała automatycznie /favicon.ico. Ref: mathiasbynens.be/notes/rel-shortcut-icon
kevinarpe

Odpowiedzi:

19

Czasami znalezienie linku „ikona skrótu” w kodzie HTML może być trochę nudne. Innym podejściem jest utworzenie skrótu internetowego (tj. „Ulubionego” w IE, czyli „Zakładki”) i otwarcie go za pomocą Notatnika:

    [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 i IconIndex są zwykle na końcu.

Scott
źródło
Jak mogę otworzyć jedną z moich ulubionych stron z paskiem w edytorze tekstu takim jak ten?
Joel Balmer
1
Spróbuj tego: uruchom Notatnik, zminimalizuj go, przeciągnij ulubione do przycisku zadań Notatnika na pasku zadań (nie upuszczaj go tam) i poczekaj na ponowne otwarcie okna Notatnika, a następnie przeciągnij do otwartego okna i upuść tam.
Scott,
1
Dzięki Scott, niestety na Macu używam textedit / xcode / sublime do edycji kodu, a wykonanie sugestii po prostu wydaje się wklejać link do ulubionej strony. Mam nadzieję, że jest sposób!
Joel Balmer,
2
Wiem, że pytający zaakceptował tę odpowiedź, ale nie odpowiada na zadane pytanie, które było jednoznaczne na temat „używania narzędzi programistycznych Chrome”. Jest to również pomocne tylko w przypadku, gdy system operacyjny użytkownika to Windows.
jsejcksn
10

Możesz kliknąć Ctrl+, Uaby wyświetlić źródło i poszukać favicon w kodzie ( <link rel="shortcut icon"). Zwykle znajduje się w górnej części pliku źródłowego HTML, ponieważ znajduje się w pliku <head>.

Na tej stronie jest w 7. linii:

<!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
źródło
4
Dlaczego nie ma go w „Zasobach” ze wszystkimi innymi obrazami?
Randomblue,
@randomblue Gdzie powinno być? w ramkach> superuser.com> Obrazy ?
amiregelz
3
Tak lub gdzieś indziej w okienku „Zasoby”.
Randomblue,
To nie działa niezawodnie. Istnieje wiele sposobów określania ikony ulubionych; <link>elementem jest tylko jednym z nich.
me_i
9

Aby to zrobić, możesz użyć mocy Google:

http://www.google.com/s2/favicons?domain=www.google.de

Zastąpienie powyższej nazwy domeny spowoduje pobranie ikony ulubionych dla tej domeny.


Możesz również użyć tego wariantu:

http://www.google.com/s2/favicons?domain_url=http%3A%2F%2Fwww.google.de%2F

który dostanie favicon dla dowolnego adresu URL.

blo0p3r
źródło
To zdecydowanie nie działa dla wszystkich adresów URL. W szczególności nie udało mi się zmusić go do działania w żadnym wariancie, którego próbowałem na stronie pactcoffee.com .
me_i
@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/skończyło działać. Myślę, że to nie działało na oryginale, ponieważ pobierał favicon z innej subdomeny.
blo0p3r
4

Oto narzędzie, które faktycznie jest częścią Google Chrome (zgodnie z pytaniem w pytaniu) i działa w przypadku witryn wymagających logowania.

Na pasku adresu wpisz chrome://favicon/, a następnie adres URL.

Na przykład, chrome://favicon/https://example.com/private-page.html

Źródło

browly
źródło
2

Użyj karty Sieć Chrome Dev Tools. Filtruj według favicon Przeładuj stronę za pomocą Shift + F5 Otrzymasz ikonę niezależnie od tego, czy została załadowana linkiem czy z domyślnej lokalizacji

Beznadziejny
źródło
0

Dlaczego po prostu nie klikniesz strony prawym przyciskiem myszy i nie wybierzesz inspect element? To daje ci kod HTML strony, a favicon jest tam wymieniony. Po prostu kliknij link.

Przykład http://cdn.sstatic.net/superuser/img/favicon.ico

CalvT
źródło
1
na stronach, na których jest to wyraźnie połączone. Jeśli strona nie zostanie określona, ​​przeglądarka internetowa wypróbuje domyślną lokalizację /favicon.ico, która nie loguje zasobów ani nie wyświetla ruchu sieciowego w Chrome
frumbert,