Raih favicon.ico menggunakan alat dev Chrome Google

33

Di mana saya dapat mengambil favicon situs web menggunakan alat dev Google Chrome. Saya memiliki akses ke sumber daya (html, css, js, gambar, dll.) Tetapi saya tidak dapat menemukan favicon.

Di mana favicon tersembunyi di alat dev Chrome?

google-chrome favicon Randomblue
sumber
1
Saya memiliki masalah yang sama dengan halaman HTML, kemudian saya menyadari favicon tidak perlu ditentukan secara eksplisit. Alih-alih, browser secara otomatis membaca /favicon.ico. Ref: mathiasbynens.be/notes/rel-shortcut-icon
kevinarpe

Jawaban:

19

Terkadang sedikit membosankan untuk menemukan tautan "ikon pintasan" di HTML. Pendekatan lain adalah membuat pintasan Internet (yaitu, "Favorit" di IE, alias "Bookmark") dan membukanya dengan Notepad:

    [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 dan IconIndex biasanya di akhir.

Scott
sumber
Bagaimana saya bisa membuka salah satu situs bar favorit saya di editor teks seperti ini?
Joel Balmer
1
Coba ini: mulai Notepad, perkecil itu, seret favorit ke tombol tugas Notepad pada bilah tugas (jangan jatuhkan di sana) dan tunggu hingga jendela Notepad dibuka kembali, lalu seret ke jendela yang terbuka dan letakkan di sana.
Scott
1
Terima kasih Scott, sayangnya pada mac saya menggunakan textedit / xcode / sublime untuk mengedit kode, dan melakukan saran Anda pada dasarnya sepertinya menempelkan tautan situs favorit. Semoga ada jalan!
Joel Balmer
2
Saya tahu bahwa penanya menerima jawaban ini, tetapi tidak menjawab pertanyaan yang diajukan, yang secara eksplisit tentang "menggunakan alat Chrome dev". Ini juga hanya membantu jika OS pengguna adalah Windows.
jsejcksn
10

Anda dapat mengklik Ctrl+ Uuntuk melihat sumber dan mencari favicon dalam kode ( <link rel="shortcut icon"). Biasanya di bagian atas file sumber HTML, karena ada di dalam <head>.

Untuk halaman ini, ada di baris ke-7:

<!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
sumber
4
Mengapa tidak ada di "Sumber Daya", dengan semua gambar lainnya?
Randomblue
@randomblue Di mana seharusnya? di bawah Bingkai> superuser.com> Gambar ?
amiregelz
3
Ya, atau di suatu tempat di panel "Sumber Daya".
Randomblue
Ini tidak bekerja dengan andal. Ada beberapa cara menentukan favicon; sebuah <link>elemen hanyalah salah satunya.
me_and
9

Anda dapat menggunakan kekuatan google untuk melakukan ini:

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

Mengganti nama domain di atas akan mengambil favicon untuk domain yang diberikan.

Anda juga dapat menggunakan varian ini:

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

yang akan mendapatkan favicon untuk url apa pun.

blo0p3r
sumber
Ini jelas tidak berfungsi untuk semua URL. Secara khusus, saya belum berhasil membuatnya bekerja untuk varian apa pun yang saya coba dari pactcoffee.com .
me_and
@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/akhirnya bekerja. Saya kira itu tidak berfungsi pada aslinya karena mendapat favicon dari subdomain yang berbeda.
blo0p3r
4

Inilah alat yang sebenarnya bagian dari Google Chrome (seperti yang diminta dalam pertanyaan), dan berfungsi untuk situs yang memerlukan login.

Di bilah alamat, masukkan chrome://favicon/, diikuti dengan url.

Sebagai contoh, chrome://favicon/https://example.com/private-page.html

Sumber

alis
sumber
2

Gunakan tab Jaringan Alat Dev Chrome. Saring berdasarkan favicon Muat ulang halaman dengan Shift + F5 Anda akan mendapatkan ikonnya terlepas dari tautannya atau dari lokasi default

Putus asa
sumber
0

Mengapa Anda tidak klik kanan saja pada halaman dan pilih inspect element? Itu memberi Anda kode html halaman dan favicon terdaftar di sana. Tekan saja tautannya.

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

Calvt
sumber
1
pada halaman yang terhubung secara eksplisit. Jika halaman tidak menentukan, browser web akan mencoba lokasi default /favicon.ico, yang tidak masuk ke sumber daya atau menunjukkan lalu lintas jaringan di Chrome
frumbert