คว้า favicon.ico โดยใช้เครื่องมือพัฒนา Google Chrome

33

ฉันจะคว้า favicon ของเว็บไซต์โดยใช้เครื่องมือ Google Chrome dev ได้ที่ไหน ฉันสามารถเข้าถึงทรัพยากร (html, css, js, images ฯลฯ ) แต่ฉันไม่พบ favicon

favicon ซ่อนอยู่ในเครื่องมือ dev ของ Chrome อยู่ที่ไหน

google-chrome favicon

— Randomblue
แหล่งที่มา

1

ฉันมีปัญหาเดียวกันกับหน้า HTML จากนั้นฉันก็ตระหนักว่าไม่จำเป็นต้องระบุ favicon อย่างชัดเจน เบราว์เซอร์นั้นอ่านข้อความอัตโนมัติอย่างน่าอัศจรรย์/favicon.icoแทน Ref: mathiasbynens.be/notes/rel-shortcut-icon

— kevinarpe

19

บางครั้งอาจเป็นเรื่องน่าเบื่อเล็กน้อยในการค้นหาลิงก์ "ไอคอนทางลัด" ใน HTML อีกวิธีหนึ่งคือการสร้างทางลัดอินเทอร์เน็ต (เช่น "รายการโปรด" ใน IE หรือ "คั่นหน้า") และเปิดด้วย 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 และ IconIndex มักจะอยู่ท้าย

— สกอตต์
แหล่งที่มา

ฉันจะเปิดหนึ่งในไซต์บาร์ที่ฉันโปรดปรานในโปรแกรมแก้ไขข้อความแบบนี้ได้อย่างไร

— Joel Balmer

1

ลองทำดังนี้: เริ่ม Notepad ย่อให้เล็กสุดแล้วลากสิ่งที่โปรดปรานไปยังปุ่มงาน Notepad บนทาสก์บาร์ (อย่าปล่อยไว้ที่นั่น) และรอให้หน้าต่าง Notepad เปิดขึ้นมาใหม่จากนั้นลากเข้าสู่หน้าต่างที่เปิดอยู่แล้ววางลงที่นั่น

— Scott

1

ขอบคุณสก็อตเศร้าบน mac ฉันใช้ textedit / xcode / ประเสริฐเพื่อแก้ไขรหัสและปฏิบัติตามคำแนะนำของคุณโดยทั่วไปดูเหมือนว่าจะวางลิงค์ของเว็บไซต์ที่ชื่นชอบ หวังว่าจะมีวิธี!

— Joel Balmer

2

ฉันรู้ว่าผู้ถามยอมรับคำตอบนี้ แต่ไม่ตอบคำถามที่ถามซึ่งมีความชัดเจนเกี่ยวกับ "การใช้เครื่องมือ dev Chrome" สิ่งนี้มีประโยชน์เฉพาะในกรณีที่ระบบปฏิบัติการของผู้ใช้เป็น Windows

— jsejcksn

10

คุณสามารถคลิกCtrl+ Uเพื่อดูแหล่งที่มาและค้นหา favicon ในรหัส ( <link rel="shortcut icon") มันมักจะอยู่ในด้านบนของไฟล์ HTML <head>ที่เนื่องจากมันภายใน

สำหรับหน้านี้มันอยู่ในบรรทัดที่ 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
แหล่งที่มา

4

ทำไมมันไม่ได้อยู่ใน "ทรัพยากร" กับภาพอื่น ๆ ทั้งหมด?

— Randomblue

@randomblue มันควรอยู่ที่ไหน? ใต้เฟรม> superuser.com> รูปภาพ ?

— amiregelz

3

ใช่หรือที่ไหนสักแห่งในบานหน้าต่าง "ทรัพยากร"

— Randomblue

สิ่งนี้ใช้งานไม่ได้ มีหลายวิธีในการระบุ favicon; <link>องค์ประกอบเป็นเพียงหนึ่งในพวกเขา

— me_and

9

คุณสามารถใช้พลังของ google ในการทำสิ่งนี้:

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

การเปลี่ยนชื่อโดเมนด้านบนจะเป็นการจับ favicon ให้กับโดเมนนั้น

คุณยังสามารถใช้ตัวแปรนี้:

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

ที่จะได้รับ favicon สำหรับ URL ใด ๆ

— blo0p3r
แหล่งที่มา

วิธีนี้ใช้ไม่ได้กับทุก URL โดยเฉพาะอย่างยิ่งผมไม่ได้มีการจัดการที่จะได้ไปทำงานที่แตกต่างใด ๆ ที่ฉันพยายามของpactcoffee.com

— me_and

@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/สิ้นสุดการทำงาน ฉันเดาว่ามันไม่ทำงานกับต้นฉบับตั้งแต่ได้รับ favicon จากโดเมนย่อยอื่น

— blo0p3r

4

นี่คือเครื่องมือที่จริง ๆ แล้วเป็นส่วนหนึ่งของ Google Chrome (ตามที่ร้องขอในคำถาม) และทำงานได้กับไซต์ที่ต้องมีการเข้าสู่ระบบ

ในแถบที่อยู่ให้ป้อนchrome://favicon/แล้วตามด้วย url

ตัวอย่างเช่น, chrome://favicon/https://example.com/private-page.html

แหล่ง

— browly
แหล่งที่มา

2

ใช้แท็บเครือข่าย Chrome Dev Tools กรองโดย favicon โหลดหน้าใหม่พร้อม Shift + F5 คุณจะได้รับไอคอนไม่ว่าจะโหลดด้วยลิงก์หรือจากตำแหน่งเริ่มต้น

— สิ้นหวัง
แหล่งที่มา

0

ทำไมคุณไม่คลิกขวาที่หน้าและเลือก inspect element ? ที่ให้รหัส html ของหน้าและ favicon แสดงรายการอยู่ที่นั่น เพียงคลิกที่ลิงค์

ตัวอย่างhttp://cdn.sstatic.net/superuser/img/favicon.ico

— CalvT
แหล่งที่มา

1

ในหน้าที่มีการเชื่อมโยงอย่างชัดเจน หากไม่ได้ระบุหน้าเว็บเบราว์เซอร์จะลองใช้ตำแหน่งเริ่มต้นของ/favicon.icoซึ่งจะไม่เข้าสู่ระบบในแหล่งข้อมูลหรือแสดงในปริมาณการใช้งานเครือข่ายใน Chrome

— frumbert