Google Chrome geliştirme araçlarını kullanarak favicon.ico'yu kapın


33

Google Chrome geliştirme araçlarını kullanarak bir web sitesinin faviconunu nereden alabilirim. Kaynaklara erişime sahibim (html, css, js, resimler vb.) Ancak favicon bulamıyorum.

Chrome dev araçlarında favicon nerede gizlenir?


1
Aynı sorunu bir HTML sayfasında da gördüm, favicon'un açıkça belirtilmesi gerekmediğini fark ettim. Bunun yerine, tarayıcı otomatik olarak sihirli bir şekilde okuyordu /favicon.ico. Ref: mathiasbynens.be/notes/rel-shortcut-icon
kevinarpe

Yanıtlar:


19

HTML’de “kısayol simgesi” bağlantısını bulmak bazen biraz sıkıcı olabilir. Diğer bir yaklaşım bir İnternet kısayolu oluşturmak (örneğin, IE’de “Favori”, yani “Yer İşareti”) ve Not Defteri ile açmaktır:

    [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 ve IconIndex genellikle sonundadır.


Favori bar sitelerimden birini böyle bir metin editöründe nasıl açabilirim?
Joel Balmer

1
Bunu deneyin: Not Defteri'ni başlatın, simge durumuna küçültün, sık kullanılanı görev çubuğundaki Not Defteri görev düğmesine sürükleyin (oraya bırakmayın) ve Not Defteri penceresinin yeniden açılmasını bekleyin, ardından açık pencereye sürükleyip bırakın.
Scott

1
Sağol Scott, ne yazık ki mac üzerinde Kod düzenlemek için textedit / xcode / sublime kullanıyorum ve önerinizi yerine getirmek temelde favori sitenin bağlantısını yapıştırıyor gibi görünüyor. Umarım bir yolu vardır!
Joel Balmer

2
Sorucunun bu cevabı kabul ettiğini biliyorum, ancak “Chrome dev araçlarını kullanma” konusunda açık olan soruyu yanıtlamıyor. Bu, yalnızca kullanıcının işletim sisteminin Windows olması durumunda da faydalıdır.
jsejcksn

10

Sen tıklayabilirsiniz Ctrl+ Uiçin görünüm kaynağı kodunda favicon için ve görünüm ( <link rel="shortcut icon"). Genelde HTML kaynak dosyasının tepesindedir, çünkü içindedir <head>.

Bu sayfa için 7. sırada.

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

4
Neden tüm diğer görüntülerde "Kaynaklar" da yok?
Randomblue

@randomblue Nerede olmalı? altında Çerçeveler> superuser.com> Görüntüler ?
amiregelz

3
Evet ya da "Kaynaklar" bölmesinde bir yerlerde.
Randomblue

Bu güvenilir bir şekilde çalışmıyor. Favicon belirtmenin birçok yolu vardır; bir <link>element bunlardan sadece biridir.
me_ve

9

Bunu yapmak için google’ın gücünü kullanabilirsiniz:

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

Yukarıdaki etki alanı adını değiştirmek, söz konusu etki alanı için favicon'u alacaktır.


Bu değişkeni de kullanabilirsiniz:

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

Herhangi bir url için favicon alacak.


Bu kesinlikle tüm URL'ler için çalışmaz. Özellikle, pactcoffee.com'u denediğim herhangi bir değişken için çalışmayı başaramadım .
me_ve

@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/çalışmaya başladı. Favicon'u farklı bir alt alandan elde ettiği için orijinal üzerinde çalışmadığını düşünüyorum.
blo0p3r

4

İşte aslında Google Chrome'un bir parçası olan (soruda istendiği gibi) ve giriş gerektiren siteler için çalışan bir araç.

Adres çubuğuna chrome://favicon/, ardından URL adresini girin .

Örneğin, chrome://favicon/https://example.com/private-page.html

Kaynak


2

Chrome Geliştirici Araçları Ağı sekmesini kullanın. Favicon'a göre filtrele Sayfayı Shift + F5 ile yeniden yükleyin Linke yüklenmeden veya varsayılan konumdan bağımsız olarak simgeyi alacaksınız


0

Neden sadece sayfayı sağ tıklayıp seçmiyorsunuz inspect element? Bu, sayfanın html kodunu verir ve favicon burada listelenir. Sadece bağlantıya tıklayın.

Örnek http://cdn.sstatic.net/superuser/img/favicon.ico


1
açıkça bağlantılı olduğu sayfalarda. Sayfa yoksa değil belirtin web tarayıcısı varsayılan konumunu çalışacağız /favicon.icokaynaklara giriş etmeyen veya Chrome'da ağ trafiğini göstermek
frumbert
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.