Agar favicon.ico usando ferramentas de desenvolvimento do Google Chrome

23

Onde posso pegar o favicon de um site usando as ferramentas de desenvolvimento do Google Chrome. Eu tenho acesso aos recursos (html, css, js, imagens, etc.), mas não consigo encontrar o favicon.

Onde está o favicon escondido nas ferramentas de desenvolvimento do Chrome?

    
por Randomblue 11.01.2013 / 15:34

4 respostas

16

Às vezes, pode ser um pouco entediante encontrar o link "ícone de atalho" no HTML. Outra abordagem é criar um atalho da Internet (por exemplo, um "Favorito" no IE, um "marcador") e abri-lo com o Bloco de Notas:

    [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

O IconFile e IconIndex geralmente estão no final.

    
por 11.01.2013 / 19:50
9

Você pode clicar em Ctrl + U para ver a fonte e procurar o favicon no código ( <link rel="shortcut icon" ). Geralmente está no topo do arquivo HTML, já que está dentro do <head> .

Para esta página, está na sétima linha:

<!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">
    
por 11.01.2013 / 16:28
4

Você pode usar o poder do google para fazer isso:

link

Substituir o nome de domínio acima irá pegar o favicon para esse domínio.

Você também pode usar essa variante:

link

que receberá o favicon para qualquer URL.

    
por 09.05.2018 / 17:25
0

Por que você não clica com o botão direito na página e seleciona inspect element ? Isso lhe dá o código html da página e o favicon é listado lá. Basta clicar no link.

Exemplo de link

    
por 11.01.2013 / 15:41