web-dev-qa-db-fra.com

Saisissez favicon.ico à l'aide des outils de développement de Google Chrome

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?

28
Randomblue

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.

16
Scott

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">
10
amiregelz

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.

8
blo0p3r

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

2
Hopeless

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

Source

0
browly

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.

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

0
CalvT