Wo kann ich mit den Google Chrome-Entwicklertools das Favicon einer Website abrufen? Ich habe Zugriff auf die Ressourcen (HTML, CSS, JS, Bilder usw.), kann das Favicon jedoch nicht finden.
Wo ist das Favicon in den Chrome-Entwicklertools versteckt?
Antwort1
Manchmal ist es etwas mühsam, den Link „Verknüpfungssymbol“ im HTML zu finden. Ein anderer Ansatz besteht darin, eine Internetverknüpfung zu erstellen (z. B. einen „Favoriten“ im IE, auch als „Lesezeichen“ bekannt) und diese 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
IconFile und IconIndex stehen normalerweise am Ende.
Antwort2
Hier ist ein Tool, das tatsächlich Teil von Google Chrome ist (wie in der Frage gewünscht) und für Websites funktioniert, die eine Anmeldung erfordern.
Geben Sie in der Adressleiste einchrome://favicon/
, gefolgt von der URL.
Zum Beispiel,chrome://favicon/https://example.com/private-page.html
Antwort3
Sie können auf Ctrl+ klicken.U umQuelltext anzeigenund suchen Sie im Code nach dem Favicon ( <link rel="shortcut icon"
). Es befindet sich normalerweise oben in der HTML-Quelldatei, da es sich innerhalb des befindet <head>
.
Auf dieser 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">
Antwort4
Verwenden Sie die Registerkarte „Netzwerk“ der Chrome Dev Tools. Filtern nach Favicon Laden Sie die Seite mit Umschalt+F5 neu Sie erhalten das Symbol, unabhängig davon, ob es über einen Link oder vom Standardspeicherort geladen wurde