Holen Sie sich favicon.ico mit den Google Chrome-Entwicklungstools

33

Wo kann ich das Favicon einer Website mit den Google Chrome-Entwicklungstools abrufen? Ich habe Zugriff auf die Ressourcen (HTML, CSS, JS, Bilder usw.), aber ich kann das Favicon nicht finden.

Wo ist das Favicon in den Chrome-Entwicklungstools versteckt?

google-chrome favicon Zufälliges Blau
quelle
1
Ich hatte das gleiche Problem mit einer HTML-Seite, dann wurde mir klar, dass das Favicon nicht explizit angegeben werden muss. Stattdessen las der Browser automatisch /favicon.ico. Ref: mathiasbynens.be/notes/rel-shortcut-icon
kevinarpe

Antworten:

19

Es kann manchmal etwas mühsam sein, den Link „Verknüpfungssymbol“ im HTML zu finden. Ein anderer Ansatz besteht darin, eine Internetverknüpfung (dh einen „Favoriten“ im Internet Explorer, auch bekannt als „Lesezeichen“) zu erstellen und mit Notepad zu öffnen:

    [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

Das IconFile und der IconIndex befinden sich normalerweise am Ende.

Scott
quelle
Wie kann ich eine meiner Lieblings-Barseiten in einem solchen Texteditor öffnen?
Joel Balmer
1
Versuchen Sie Folgendes: Starten Sie Notepad, minimieren Sie es, ziehen Sie den Favoriten auf die Task-Schaltfläche Notepad in der Taskleiste (lassen Sie ihn dort nicht fallen) und warten Sie, bis das Notepad-Fenster erneut geöffnet wird. Ziehen Sie dann in das geöffnete Fenster und legen Sie es dort ab.
Scott
1
Vielen Dank, Scott, leider benutze ich auf dem Mac textedit / xcode / sublime, um den Code zu bearbeiten. Wenn Sie Ihren Vorschlag ausführen, scheint der Link der bevorzugten Site einfach nur einzufügen. Hoffentlich gibt es einen Weg!
Joel Balmer
2
Ich weiß, dass der Fragesteller diese Antwort akzeptiert hat, aber die gestellte Frage, die explizit zum Thema "Verwenden von Chrome-Entwicklungstools" lautete, wird nicht beantwortet. Dies ist auch nur dann hilfreich, wenn das Betriebssystem des Benutzers Windows ist.
Jsejcksn
10

Sie können auf Ctrl+ klicken U, um die Quelle anzuzeigen und nach dem Favicon im Code zu suchen ( <link rel="shortcut icon"). Es befindet sich normalerweise oben in der HTML-Quelldatei, da es sich in der HTML-Quelldatei befindet <head>.

Für diese Seite steht es in der 7. Zeile:

<!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
quelle
4
Warum ist es nicht in "Ressourcen", mit allen anderen Bildern?
Randomblue
@randomblue Wo soll es sein? unter Frames> superuser.com> Bilder ?
amiregelz
3
Ja, oder irgendwo im Bereich "Ressourcen".
Randomblue
Dies funktioniert nicht zuverlässig. Es gibt mehrere Möglichkeiten, ein Favicon anzugeben. Ein <link>Element ist nur eines davon.
me_and
9

Sie können die Leistung von Google verwenden, um dies zu tun:

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

Durch Ersetzen des obigen Domainnamens wird das Favicon für die angegebene Domain abgerufen.

Sie können auch diese Variante verwenden:

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

das wird das favicon für jede url bekommen.

blo0p3r
quelle
Dies funktioniert definitiv nicht bei allen URLs. Insbesondere habe ich es nicht geschafft, es für eine Variante von pactcoffee.com zum Laufen zu bringen .
me_and
@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/endete mit der Arbeit. Ich denke, es hat auf dem Original nicht funktioniert, da es das Favicon von einer anderen Subdomain erhalten hat.
blo0p3r
4

Hier ist ein Tool, das (wie in der Frage gefordert) Teil von Google Chrome ist und für Websites funktioniert, für die eine Anmeldung erforderlich ist.

chrome://favicon/Geben Sie in die Adressleiste ein , gefolgt von der URL.

Beispielsweise, chrome://favicon/https://example.com/private-page.html

Quelle

stirnrunzelnd
quelle
2

Verwenden Sie die Registerkarte "Chrome Dev Tools-Netzwerk". Nach Favoriten filtern Seite neu laden mit Umschalt + F5 Sie erhalten das Symbol, unabhängig davon, ob es mit einem Link oder vom Standardspeicherort geladen wurde

Hoffnungslos
quelle
0

Warum klickt ihr nicht einfach mit der rechten Maustaste auf die Seite und wählt aus inspect element? Das gibt Ihnen den HTML-Code der Seite und das Favicon ist dort aufgeführt. Klicken Sie einfach auf den Link.

Beispiel http://cdn.sstatic.net/superuser/img/favicon.ico

CalvT
quelle
1
auf Seiten, auf die ausdrücklich verwiesen wird. Wenn die Seite nicht nicht angeben, wird der Web - Browser die Standardposition von versuchen /favicon.ico, die nicht in den Ressourcen anmeldet oder zeigt auf dem Netzwerkverkehr in Chrome
frumbert