Wie kann ein großes Symbol in der neuen Registerkarte "Top Sites" von Firefox angezeigt werden?


13

In der neuesten stabilen Version von Firefox (Version 57), genannt Quantum, wurde die vom Benutzer gesteuerte Funktion "Top Sites" auf neuen Registerkarten geändert. Bisher wurde unabhängig von der Website nur eine grobe Miniaturansicht eines Teil-Screenshots angezeigt, die nicht gesteuert werden konnte. Einige Websites werden nun mit einem großen Symbol angezeigt, während andere nur als das oben genannte Miniaturbild und das in der Ecke eingeblendete Favicon angezeigt werden. Beispielseiten, die die große Symbolbehandlung erhalten: Amazon, TechCrunch, Slack und GitHub. Beispielseiten, die das Thumbnail mit Favicon-Behandlung erhalten: Slashdot, Steam, Kongregate, Gizmodo.

Soweit ich das beurteilen kann, gibt es keinen besonderen Reim oder Grund dafür. Ich habe auch nirgendwo auf der Top Sites-Funktion Dokumentation gefunden.


Nachdem ich mich eine Weile in den Firefox-Quellcode vertieft hatte, stellte ich fest browser\extensions\activity-stream\lib\TopSitesFeed.jsm, dass dieser Codeabschnitt Folgendes enthält:

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

Früher MIN_FAVICON_SIZEist als 96 definiert, was ich in Pixeln annehme.

Beim Betrachten TippyTopsehe ich, dass Amazon, Reddit, Twitter, Facebook und einige andere Websites bevorzugt behandelt werden (besuchen Sie resource://activity-stream/data/content/tippytop/Firefox für die relevante JSON-Datei + Bilder), was bedeutet, dass Firefox spezielle Symbole mit den endgültigen Binärdateien für sehr enthält bestimmte Websites, aber nicht alle Websites, die ich erwähnt habe.

TechCrunch ist beispielsweise nicht in der TippyTop-Liste enthalten und verfügt nur über ein 16x16-Favicon. In Firefox wird jedoch anstelle eines Screenshots ein Symbol angezeigt. Auf der TechCrunch-Website befinden sich Apple Touch-Symbole, die 96 Pixel überschreiten. Vielleicht wird stattdessen eine davon verwendet. Ich stelle mir Favicons im Allgemeinen als separate Einheiten der Apple-spezifischen Meta-Tags für Touch-Icons vor. Das bedeutet, dass Webmaster wahrscheinlich den Mechanismus zum Aufnehmen von Screenshots (irgendwie) außer Kraft setzen und nur ein nettes Symbol in der Liste der Top-Sites anzeigen können. Es bleibt also die Frage, wie dies geschehen kann. Die Favicon-Logik ist an dieser Stelle immer noch ein Rätsel.


Dies gilt möglicherweise auch für die Kurzwahl von Opera.
Andrew Lott

Antworten:


7

Nach vielen Tests konnte ich große Symbole für meine Website (in Firefox 57.0.4) zum Laufen bringen.

Ich halte es für wichtig, ein großes (> 100px) Symbol zu verwenden und die Größe anzugeben:

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

Außerdem scheint Firefox die Vorschau ziemlich aggressiv zwischenzuspeichern, sodass ich ein neues Profil verwenden musste, um die Änderung sofort zu sehen.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.