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

31405
Randomblue

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

Wo versteckt sich das Favicon in den Chrome-Entwicklertools?

23
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 `/ favicon.ico` automatisch. Ref: https://mathiasbynens.be/notes/rel-shortcut-icon kevinarpe vor 7 Jahren 1

4 Antworten auf die Frage

16
Scott

Es kann manchmal ein wenig langweilig sein, den Link "Verknüpfungssymbol" im HTML-Code zu finden. Ein anderer Ansatz besteht darin, eine Internetverknüpfung (dh einen "Favoriten" in IE, auch "Lesezeichen" genannt) zu erstellen und mit dem Editor zu öffnen:

    [DEFAULT]
    BASEURL=http://superuser.com/questions/532616/grab-favicon-ico-…
    []
    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 sind normalerweise am Ende.

Wie kann ich eine meiner Lieblingsbarseiten in einem solchen Texteditor öffnen? Joel Balmer vor 7 Jahren 0
Versuchen Sie Folgendes: Starten Sie den Editor, minimieren Sie ihn, ziehen Sie den Favoriten auf die Task-Schaltfläche Notepad in der Taskleiste (legen Sie ihn nicht dort ab) und warten Sie, bis sich das Notepad-Fenster wieder öffnet, ziehen Sie ihn in das geöffnete Fenster und legen Sie ihn dort ab. Scott vor 7 Jahren 1
Vielen Dank Scott, leider auf Mac verwende ich Textedit / xcode / sublime, um Code zu bearbeiten. Das Durchführen Ihres Vorschlags scheint im Grunde nur den Link der bevorzugten Website einzufügen. Hoffentlich gibt es einen Weg! Joel Balmer vor 7 Jahren 0
Ich weiß, dass der Fragesteller diese Antwort akzeptiert hat, aber er beantwortet nicht die gestellte Frage, die explizit die Verwendung von Chrome-Entwicklertools betraf. Dies ist auch nur hilfreich, wenn das Betriebssystem des Benutzers Windows ist. jsejcksn vor 6 Jahren 0
9
amiregelz

Sie können auf Ctrl+ klicken U, um den Quelltext 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 ist 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"> 
Warum ist es nicht in "Ressourcen", bei all den anderen Bildern? Randomblue vor 11 Jahren 3
@randomblue Wo soll es sein? unter * Frames> superuser.com> Bilder *? amiregelz vor 11 Jahren 0
Ja oder irgendwo im Bereich "Ressourcen". Randomblue vor 11 Jahren 3
Das funktioniert nicht zuverlässig. Es gibt mehrere Möglichkeiten, ein Favicon anzugeben. Ein Element ` ` ist nur eines davon. me_and vor 5 Jahren 0
4
blo0p3r

Sie können dazu die Macht von Google nutzen:

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

Durch Ersetzen des oben angegebenen Domainnamens wird das Favicon für die angegebene Domain aufgerufen.


Sie können diese Variante auch verwenden:

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

Das wird das Favicon für jede URL erhalten.

Dies funktioniert definitiv nicht für alle URLs. Insbesondere habe ich es nicht geschafft, es für jede Variante, die ich von https://www.pactcoffee.com ausprobierte, zum Laufen zu bringen. me_and vor 5 Jahren 0
0
CalvT

Warum klicken Sie nicht einfach mit der rechten Maustaste auf die Seite und wählen aus inspect element? Das gibt Ihnen den HTML-Code der Seite und das Favicon wird dort aufgelistet. Klicken Sie einfach auf den Link.

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

auf Seiten, auf denen explizit verlinkt ist. Wenn die Seite * nicht * angibt, versucht der Webbrowser den Standardspeicherort von `/ favicon.ico`, der sich nicht in den Ressourcen oder dem Netzwerkverkehr in Chrome anmeldet frumbert vor 6 Jahren 1