Firefox'un yeni En Popüler Siteleri sekmesinde büyük bir simgenin görünmesi nasıl sağlanır?


13

Quantum olarak adlandırılan Firefox'un (sürüm 57) en son kararlı sürümünde, yeni sekmelerdeki kullanıcı tarafından kontrol edilen En İyi Siteler özelliği değişti. Önceden, web sitesi ne olursa olsun, kısmi ekran görüntüsünün yalnızca küçük bir küçük resmi beliriyordu ve kontrol edilemiyordu. Şimdi bazı web siteleri büyük bir simgeyle görünürken, diğerleri yalnızca yukarıda belirtilen küçük resim ve faviconları köşeye yerleştirilmiştir. Büyük simge işleme tabi tutulan örnek siteler: Amazon, TechCrunch, Slack ve GitHub. Favicon tedavisi ile küçük resim alan siteler: Slashdot, Steam, Kongregate, Gizmodo.

Anlayabildiğim kadarıyla bunun özel bir kafiye veya nedeni yok. En İyi Siteler özelliğinin hiçbir yerinde herhangi bir belge bulamadım.


Bir süredir Firefox kaynak koduna girdikten sonra browser\extensions\activity-stream\lib\TopSitesFeed.jsm, kodun bu bölümünü içeren buldum :

/**
 * 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
      })));
  }
}

Daha önce, MIN_FAVICON_SIZE96 olarak tanımlandığımı, piksel olarak kabul ediyorum.

Baktığımızda TippyTopbazı tercihli muamele görmek Amazon, Reddit, Twitter, Facebook ve diğer bazı web siteleri (ziyaret için yapılıyor resource://activity-stream/data/content/tippytop/ben Firefox çok nihai ikili ile özel simgeler içeren araçları tahmin ilgili JSON dosyasına + görüntü için Firefox içinde), belirli web siteleri, ancak bahsettiğim tüm siteler değil.

Örneğin TechCrunch, TippyTop listesinde değil ve sadece 16x16 favicon'a sahip. Ancak Firefox, ekran görüntüsü yerine bir simge gösterir. TechCrunch web sitesinde 96 pikseli aşan Apple touch simgeleri var. Belki de bunlardan biri kullanılıyor. Genellikle favicons'ın Apple'a özgü dokunmatik simge meta etiketlerinden ayrı varlıklar olduğunu düşünüyorum. Bu, web yöneticilerinin muhtemelen ekran görüntüsü alma mekanizmasını (bir şekilde) geçersiz kılabileceği ve Üst Siteler listesinde hoş bir simge gösterebileceği anlamına gelir. Peki bunun nasıl yapılacağı sorusu hala devam ediyor mu? Bu noktada favicon mantığı hala bir gizem.


Bu Opera'nın Hızlı Arama için aynı olabilir.
Andrew Lott

Yanıtlar:


7

Bir çok testten sonra web sitem için büyük simgeler elde etmeyi başardım (Firefox 57.0.4'te).

Büyük (> 100px) bir simge kullanmak ve boyutunu belirtmek önemli olduğunu düşünüyorum:

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

Buna ek olarak, Firefox önizlemeyi oldukça agresif bir şekilde önbelleğe alıyor gibi görünüyor, bu yüzden değişikliği hemen görmek için yeni bir Profil kullanmam gerekiyordu.

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.