Google Chrome dev टूल का उपयोग करके favicon.ico को पकड़ो


33

मैं Google Chrome dev टूल का उपयोग करके किसी वेबसाइट के फ़ेविकॉन को कहां से पकड़ सकता हूं। मेरे पास संसाधनों (html, css, js, images इत्यादि) तक पहुंच है, लेकिन मुझे फ़ेविकॉन नहीं मिल रहा है।

Chrome देव टूल में फ़ेविकॉन कहाँ छिपा है?


1
एक HTML पृष्ठ पर मेरे पास एक ही मुद्दा था, तब मुझे एहसास हुआ कि फ़ेविकॉन को स्पष्ट रूप से निर्दिष्ट करने की आवश्यकता नहीं है। इसके बजाय, ब्राउज़र ऑटो-जादुई रूप से पढ़ रहा था /favicon.ico। Ref: mathiasbynens.be/notes/rel-shortcut-icon
kevinarpe

जवाबों:


19

यह कभी-कभी HTML में "शॉर्टकट आइकन" लिंक खोजने के लिए थोड़ा थकाऊ हो सकता है। एक और तरीका इंटरनेट शॉर्टकट बनाने का है (यानी, IE में एक "पसंदीदा", उर्फ ​​"बुकमार्क") और इसे व्हाट्सएप के साथ खोलें:

    [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 आमतौर पर अंत में होते हैं।


मैं इस तरह से एक टेक्स्ट एडिटर में अपनी पसंदीदा बार साइट्स कैसे खोल सकता हूं?
जोएल बामर

1
इसे आज़माएं: नोटपैड प्रारंभ करें, इसे कम से कम करें, टास्कबार पर पसंदीदा नोटपैड कार्य बटन को खींचें (इसे वहां न छोड़ें) और नोटपैड विंडो को फिर से खोलने के लिए प्रतीक्षा करें, फिर खुली खिड़की में खींचें और वहां ड्रॉप करें।
स्कॉट

1
धन्यवाद स्कॉट, दुख की बात है मैक पर मैं कोड संपादित करने के लिए textedit / xcode / उदात्त का उपयोग करता हूं, और अपने सुझाव को मूल रूप से पसंदीदा साइट के लिंक को पेस्ट करने के लिए करता हूं। उम्मीद है कि एक रास्ता है!
जोएल बामर

2
मुझे पता है कि पूछने वाले ने इस जवाब को स्वीकार कर लिया है, लेकिन यह पूछे गए सवाल का जवाब नहीं देता है, जो "क्रोम देव टूल्स का उपयोग करने" के बारे में स्पष्ट था। यह केवल उस स्थिति में भी उपयोगी है जब उपयोगकर्ता का OS Windows है।
jsejcksn

10

आप स्रोत देखने के लिए Ctrl+ क्लिक कर सकते हैं और कोड ( ) में फ़ेविकॉन देख सकते हैं । यह आमतौर पर HTML स्रोत फ़ाइल के शीर्ष पर है, क्योंकि यह अंदर है ।U<link rel="shortcut icon"<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">

4
अन्य सभी छवियों के साथ "संसाधन" में क्यों नहीं है?
Randomblue

@randomblue यह कहां होना चाहिए? अंडर फ्रेम्स> superuser.com> छवियां ?
amiregelz

3
हाँ, या कहीं "संसाधन" फलक में।
Randomblue

यह मज़बूती से काम नहीं करता है। फ़ेविकॉन निर्दिष्ट करने के कई तरीके हैं; एक <link>तत्व उनमें से केवल एक है।
me_and

9

ऐसा करने के लिए आप Google की शक्ति का उपयोग कर सकते हैं:

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

ऊपर दिए गए डोमेन नाम की जगह उस दिए गए डोमेन के लिए फेविकॉन ले लेंगे।


आप इस संस्करण का भी उपयोग कर सकते हैं:

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

कि किसी भी यूआरएल के लिए favicon मिल जाएगा।


यह निश्चित रूप से सभी URL के लिए काम नहीं करता है। विशेष रूप से, मैंने इसे किसी भी संस्करण के लिए काम करने में कामयाब नहीं किया है जो मैंने pactcfish.com की कोशिश की ।
me_and

@me_and https://www.google.com/s2/favicons?domain=media.pactcoffee.com/ने काम करना समाप्त कर दिया। मुझे लगता है कि यह मूल पर काम नहीं करता था क्योंकि यह एक अलग उपडोमेन से फेविकॉन प्राप्त कर रहा था।
प्रात:

4

यहां एक टूल है जो वास्तव में Google Chrome का हिस्सा है (जैसा कि प्रश्न में अनुरोध किया गया है), और उन साइटों के लिए काम करता है जिन्हें लॉगिन की आवश्यकता होती है।

पता बार में, दर्ज करें chrome://favicon/, उसके बाद यूआरएल।

उदाहरण के लिए, chrome://favicon/https://example.com/private-page.html

स्रोत


2

Chrome देव टूल नेटवर्क टैब का उपयोग करें। फ़ेविकॉन द्वारा फ़िल्टर करें Shift + F5 के साथ पृष्ठ को पुनः लोड करें आप लिंक या डिफ़ॉल्ट स्थान से लोड होने के बावजूद आइकन प्राप्त करेंगे


0

आप पृष्ठ पर केवल राइट क्लिक क्यों नहीं करते हैं inspect element? इससे आपको पेज का html कोड मिलता है और फेविकॉन वहां सूचीबद्ध होता है। सिर्फ लिंक पर क्लिक करें।

उदाहरण http://cdn.sstatic.net/superuser/img/favicon.ico


1
उन पृष्ठों पर जहाँ यह स्पष्ट रूप से जुड़ा हुआ है। यदि पृष्ठ निर्दिष्ट नहीं करता है , तो वेब ब्राउज़र डिफ़ॉल्ट स्थान की कोशिश करेगा /favicon.ico, जो संसाधनों में लॉग इन नहीं करता है या क्रोम में नेटवर्क ट्रैफ़िक पर नहीं दिखाता है
frumbert
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.