Prendi favicon.ico usando gli strumenti di sviluppo di Google Chrome

33

Dove posso trovare la favicon di un sito Web utilizzando gli strumenti di sviluppo di Google Chrome. Ho accesso alle risorse (html, css, js, images, ecc.) Ma non riesco a trovare la favicon.

Dove si trova la favicon nascosta negli strumenti di sviluppo di Chrome?

google-chrome favicon

— Randomblue
fonte

1

Ho avuto lo stesso problema con una pagina HTML, poi ho capito che la favicon non doveva essere specificata esplicitamente. Invece, il browser leggeva automaticamente /favicon.ico. Rif: mathiasbynens.be/notes/rel-shortcut-icon

— kevinarpe

19

A volte può essere un po 'noioso trovare il link "icona di collegamento" nell'HTML. Un altro approccio è quello di creare un collegamento Internet (ad esempio, un "Preferito" in IE, noto anche come "Segnalibro") e aprirlo con Blocco note:

[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 e IconIndex sono in genere alla fine.

— Scott
fonte

Come posso aprire uno dei miei siti di bar preferiti in un editor di testo come questo?

— Joel Balmer,

1

Prova questo: avvia Blocco note, riduci a icona, trascina il preferito sul pulsante attività Blocco note sulla barra delle applicazioni (non rilasciarlo lì) e attendi che la finestra del Blocco note si riapra, quindi trascina nella finestra aperta e rilascialo lì.

— Scott,

1

Grazie Scott, purtroppo su Mac uso textedit / xcode / sublime per modificare il codice, ed eseguire il tuo suggerimento in pratica sembra semplicemente incollare il link del sito preferito. Speriamo che ci sia un modo!

— Joel Balmer,

2

So che il richiedente ha accettato questa risposta, ma non risponde alla domanda posta, che era esplicita sull'utilizzo degli strumenti di sviluppo di Chrome. Questo è utile anche nel caso in cui il sistema operativo dell'utente sia Windows.

— jsejcksn,

10

Puoi fare clic su Ctrl+ Uper visualizzare l'origine e cercare la favicon nel codice ( <link rel="shortcut icon"). Di solito si trova nella parte superiore del file di origine HTML, poiché si trova all'interno di <head>.

Per questa pagina, è nella 7a riga:

<!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
fonte

4

Perché non è in "Risorse", con tutte le altre immagini?

— Randomblue,

@randomblue Dove dovrebbe essere? in Cornici> superuser.com> Immagini ?

— amiregelz,

3

Sì, o da qualche parte nel riquadro "Risorse".

— Randomblue,

Questo non funziona in modo affidabile. Esistono diversi modi per specificare una favicon; un <link>elemento è solo uno di questi.

— io_e il

9

Puoi usare il potere di google per fare questo:

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

Sostituendo il nome di dominio sopra si otterrà la favicon per quel determinato dominio.

Puoi anche usare questa variante:

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

che otterrà il favicon per qualsiasi URL.

— blo0p3r
fonte

Questo sicuramente non funziona per tutti gli URL. In particolare, non sono riuscito a farlo funzionare per qualsiasi variante che ho provato su pactcoffee.com .

— me_e

@me_e ha https://www.google.com/s2/favicons?domain=media.pactcoffee.com/finito per funzionare. Immagino che non abbia funzionato sull'originale poiché stava ottenendo la favicon da un sottodominio diverso.

— blo0p3r

4

Ecco uno strumento che fa effettivamente parte di Google Chrome (come richiesto nella domanda) e funziona per i siti che richiedono un accesso.

Nella barra degli indirizzi, immettere chrome://favicon/, seguito dall'URL.

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

fonte

— browly
fonte

2

Utilizza la scheda Rete di Chrome Dev Tools. Filtra per favicon Ricarica la pagina con Shift + F5 Otterrai l'icona indipendentemente dal fatto che sia stata caricata con il link o dalla posizione predefinita

— Senza speranza
fonte

0

Perché non fai semplicemente clic destro sulla pagina e seleziona inspect element? Questo ti dà il codice html della pagina e la favicon è elencata lì. Basta fare clic sul collegamento.

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

— CalvT
fonte

1

nelle pagine in cui è esplicitamente collegato. Se la pagina non specifica, il browser proverà la posizione predefinita di /favicon.ico, che non accede alle risorse o non mostra sul traffico di rete in Chrome

— frumbert