ফায়ারফক্সের নতুন ট্যাব শীর্ষ সাইটগুলিতে কীভাবে একটি বড় আইকন উপস্থিত হবে?


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, আমি পক্ষপাতমূলক চিকিত্সা দেখতে আমাজন, reddit, টুইটার, ফেসবুক, এবং কিছু অন্যান্য ওয়েবসাইটের (দর্শন জন্য তৈরি করা হচ্ছে resource://activity-stream/data/content/tippytop/প্রাসঙ্গিক JSON ফাইল + + ইমেজ জন্য ফায়ারফক্স ভিতরে), যা আমি মানে অনুমান ফায়ারফক্স খুব চূড়ান্ত বাইনেরিতে সঙ্গে বিশেষ আইকন অন্তর্ভুক্ত নির্দিষ্ট ওয়েবসাইট, তবে আমি উল্লিখিত সাইটগুলির সমস্ত নয় of

টেকক্রাঞ্চ, উদাহরণস্বরূপ, টিপ্পি টপ তালিকায় নেই এবং কেবল একটি 16x16 ফেভিকন রয়েছে। তবে, ফায়ারফক্স স্ক্রিনশটের পরিবর্তে একটি আইকন দেখায়। টেকক্রাঞ্চ ওয়েবসাইটে অ্যাপল স্পর্শ আইকন রয়েছে যা 96 পিক্সেল অতিক্রম করে। সুতরাং এর পরিবর্তে হয়ত এর মধ্যে একটি ব্যবহার করা হচ্ছে। আমি সাধারণত অ্যাপল-নির্দিষ্ট স্পর্শ আইকন মেটা ট্যাগগুলি থেকে ফেভিকনগুলিকে পৃথক সত্তা বলে মনে করি। এর অর্থ হ'ল ওয়েবমাস্টাররা সম্ভবত স্ক্রিনশট নেওয়ার প্রক্রিয়াটি (কোনওভাবে) ওভাররাইড করতে পারে এবং শীর্ষস্থানীয় তালিকার তালিকায় কেবল একটি দুর্দান্ত আইকন দেখায়। সুতরাং এখনও প্রশ্নটি কীভাবে তা ঘটবে? এই মুহূর্তে ফ্যাভিকন যুক্তি এখনও কিছুটা রহস্য।


অপেরার স্পিড ডায়ালের ক্ষেত্রে এটি একই হতে পারে।
অ্যান্ড্রু লট

উত্তর:


7

অনেক পরীক্ষার পরে আমি আমার ওয়েবসাইটের জন্য ফায়ারফক্স 57.0.4 এ কাজ করতে সক্ষম হয়েছি।

আমি মনে করি একটি বড় (> 100px) আইকন ব্যবহার করা এবং আকার নির্দিষ্ট করা গুরুত্বপূর্ণ:

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

ফায়ারফক্স আরও আক্রমণাত্মকভাবে পূর্বরূপটি ক্যাশে করছে বলে মনে হচ্ছে, ততক্ষনে পরিবর্তনটি দেখার জন্য আমার একটি নতুন প্রোফাইল ব্যবহার করা দরকার।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.