फ़ायरफ़ॉक्स की नई टैब टॉप साइट्स में एक बड़े आइकन को कैसे दिखाया जाए?


13

फ़ायरफ़ॉक्स (संस्करण 57) की नवीनतम स्थिर रिलीज़ में, क्वांटम को डब किया गया, नए टैब पर उपयोगकर्ता ने शीर्ष साइटें नियंत्रित कीं। इससे पहले, वेबसाइट की परवाह किए बिना आंशिक स्क्रीनशॉट का केवल एक कच्चा थंबनेल दिखाई देता था और उसे नियंत्रित नहीं किया जा सकता था। अब कुछ वेबसाइटें एक बड़े आइकन के साथ दिखाई देती हैं, जबकि अन्य केवल पूर्वोक्त थंबनेल और कोने में उनके फेविकॉन के रूप में दिखाई देते हैं। उदाहरण साइटें जो बड़े आइकन उपचार प्राप्त करती हैं: अमेज़ॅन, टेकक्रंच, स्लैक और गिटहब। उदाहरण साइटें जो फेविकॉन उपचार के साथ थंबनेल प्राप्त करती हैं: स्लैशडॉट, स्टीम, कोंग्रेगेट, गिजमोडो।

जहां तक ​​मैं बता सकता हूं, इसका कोई विशेष तुक या कारण नहीं है। मुझे शीर्ष साइट सुविधा पर कहीं भी कोई दस्तावेज़ नहीं मिला है।


थोड़ी देर के लिए फ़ायरफ़ॉक्स स्रोत कोड में खुदाई करने के बाद, मैंने पाया browser\extensions\activity-stream\lib\TopSitesFeed.jsm, जिसमें यह कोड है:

/**
 * Get an image for the link preferring tippy top, rich favicon, screenshots.
 */
async _fetchIcon(link) {
  // Check for tippy top icon and rich icon.
  this._tippyTopProvider.processSite(link);
  let hasTippyTop = !!link.tippyTopIcon;
  let hasRichIcon = link.favicon && link.faviconSize >= MIN_FAVICON_SIZE;

  if (!hasTippyTop && !hasRichIcon) {
    this._requestRichIcon(link.url);
  }

  // Request a screenshot if needed.
  if (!hasTippyTop && !hasRichIcon && !link.screenshot) {
    const {url} = link;
    await Screenshots.maybeCacheScreenshot(link, url, "screenshot",
      screenshot => this.store.dispatch(ac.BroadcastToContent({
        data: {screenshot, url},
        type: at.SCREENSHOT_UPDATED
      })));
  }
}

इससे पहले, MIN_FAVICON_SIZE96 के रूप में परिभाषित किया गया है, जो मुझे लगता है कि पिक्सेल में है।

TippyTopमुझे देखते हुए , मैं अमेज़ॅन, रेडिट, ट्विटर, फेसबुक और कुछ अन्य वेबसाइटों ( resource://activity-stream/data/content/tippytop/प्रासंगिक JSON फ़ाइल + छवियों के लिए फ़ायरफ़ॉक्स के अंदर यात्रा) के लिए कुछ तरजीही उपचार देख रहा हूं , जो मुझे लगता है कि फ़ायरफ़ॉक्स में बहुत अधिक के लिए अंतिम बायनेरिज़ के साथ विशेष आइकन शामिल हैं विशिष्ट वेबसाइटें, लेकिन उन सभी साइटों की नहीं जिनका मैंने उल्लेख किया था।

उदाहरण के लिए, TechCrunch TippyTop सूची में नहीं है और केवल 16x16 फ़ेविकॉन है। हालाँकि, फ़ायरफ़ॉक्स एक स्क्रीनशॉट के बजाय एक आइकन दिखाता है। टेकक्रंच वेबसाइट पर ऐप्पल टच आइकन हैं जो 96 पिक्सेल से अधिक हैं। तो शायद उनमें से एक के बजाय प्रयोग किया जा रहा है। मुझे लगता है कि आम तौर पर फ़ेविकॉन्स ऐप्पल-विशिष्ट टच आइकन मेटा टैग से अलग-अलग इकाइयाँ हैं। इसका मतलब यह है कि वेबमास्टर्स शायद स्क्रीनशॉट लेने वाले तंत्र (किसी तरह) को ओवरराइड कर सकते हैं और सिर्फ शीर्ष साइट सूची में एक अच्छा आइकन दिखा सकते हैं। तो यह सवाल अभी भी बना हुआ है कि ऐसा कैसे किया जाए? इस बिंदु पर फ़ेविकॉन तर्क अभी भी कुछ रहस्य है।


यह ओपेरा के स्पीड डायल के लिए समान हो सकता है।
एंड्रयू लोट

जवाबों:


7

बहुत परीक्षण के बाद मैं अपनी वेबसाइट के लिए (फ़ायरफ़ॉक्स 57.0.4 में) काम करने वाले बड़े आइकन प्राप्त करने में सक्षम था।

मुझे लगता है कि एक बड़े (> 100px) आइकन का उपयोग करना और आकार निर्दिष्ट करना महत्वपूर्ण है:

<link rel="icon" type='image/png' sizes='256x256' href="/webmasters//applogo_256.png"/>

इसके अलावा फ़ायरफ़ॉक्स पूर्वावलोकन को काफी आक्रामक रूप से कैश करता है, इसलिए मुझे तुरंत बदलाव देखने के लिए एक नए प्रोफ़ाइल का उपयोग करने की आवश्यकता थी।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.