Où puis-je récupérer le favicon d'un site Web à l'aide des outils de développement de Google Chrome. J'ai accès aux ressources (html, css, js, images, etc.) mais je ne trouve pas le favicon.
Où le favicon est-il caché dans les outils de développement de Chrome?
Il peut parfois être un peu fastidieux de trouver le lien "icône de raccourci" dans le code HTML. Une autre approche consiste à créer un raccourci Internet (c’est-à-dire un "favori" dans IE, un "signet") et à l’ouvrir avec le Bloc-notes:
[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 et IconIndex sont généralement à la fin.
Vous pouvez cliquer Ctrl+U to voir la source et cherchez le favicon dans le code (<link rel="shortcut icon"
). Il se trouve généralement en haut du fichier source HTML, car il se trouve dans le <head>
.
Pour cette page, c'est à la 7ème ligne:
<!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">
Vous pouvez utiliser le pouvoir de Google pour ce faire:
http://www.google.com/s2/favicons?domain=www.google.de
Si vous remplacez le nom de domaine ci-dessus, vous obtiendrez le favicon correspondant à ce domaine.
Vous pouvez également utiliser cette variante:
http://www.google.com/s2/favicons?domain_url=http%3A%2F%2Fwww.google.de%2F
cela obtiendra le favicon pour n'importe quelle URL.
Utilisez l'onglet Réseau de Google Outils de développement. Filtrer par favicon Recharger la page avec Maj + F5 Vous obtiendrez l'icône même si elle était chargée avec un lien ou depuis l'emplacement par défaut
Voici un outil qui fait réellement partie de Google Chrome (comme demandé dans la question) et qui fonctionne pour les sites qui nécessitent un identifiant.
Dans la barre d'adresse, entrez chrome://favicon/
, suivi de l'URL.
Par exemple, chrome://favicon/https://example.com/private-page.html
Pourquoi ne faites-vous pas un clic droit sur la page et sélectionnez inspect element
? Cela vous donne le code html de la page et le favicon y est répertorié. Il suffit de cliquer sur le lien.