Wie werden die Symbole für "Top Sites" im neuen Firefox-Tab "Firefox" dargestellt?

568
Prem

Wenn ich in Firefox eine neue Registerkarte öffne, erhalte ich die Top-Sites basierend auf meinem Verlauf oder basierend auf dem, was ich ausgewählt habe.
Eine Zeile aus dieser Liste der Top-Sites wird hier angezeigt.
Einige sind einfach rechteckig (z. B. yahoo finance, lichess.org), während andere in der unteren Ecke ein kleineres Rechteck haben (z. B. Google News, Yahoo Mail).
Einige sind einfach der Anfangsbuchstabe (z. B. N), während andere das relevante Favicon haben (z. B. Y, WhatsApp, Lichess.org).

Warum so widersprüchliche Vielfalt?
Warum behandelt Firefox verschiedene Standorte unterschiedlich?

Eine Reihe von Top-Sites in der neuen Registerkarte von Firefox

0

2 Antworten auf die Frage

1
Kayvee

Dies scheint auf der Größe des von der Website bereitgestellten Favicons zu beruhen. Mit einem 48 x 48 Pixel großen Favicon sah ich das kleine Symbol am unteren Rand. Es wurde jedoch in ein größeres umgewandelt, als ich mein Favicon auf 512 x 512 Pixel png aktualisierte.

+1, danke für die Eingabe; Diese Frage ist zwar nicht vollständig beantwortet, bietet jedoch einige Möglichkeiten zum Nachschlagen Prem vor 6 Jahren 0
1
Kenoi

Firefox verwendet die Symbole für mobile Geräte für Websites, um die großen Symbole anzuzeigen. Diese werden vom Website-Designer / -inhaber in der Kopfzeile (Kopfbereich) der Website über Meta-Tags festgelegt - ursprünglich für das Speichern / Lesezeichen der Website gedacht ein mobiles Gerät, das als App-Symbol angezeigt wird.

Warum das Firefox-Entwicklungsteam entschieden hat, dass dies die beste Art ist, Websites darzustellen, weiß ich nie. Das Ergebnis ist jedoch, dass Websites, die dieses mobile App-Symbol nicht enthalten, als Momentaufnahme der Website dargestellt werden. Das Favicon der Website befindet sich rechts unten in der Miniaturansicht des Snapshots.

Es kommt also darauf an, ob eine Website als App für den mobilen Einsatz konzipiert wurde oder nicht. Ich hoffe, das hilft, es zu verstehen - auch wenn es eine lächerliche Entwurfsentscheidung ist.

Willkommen bei StackExchange! Danke auch für die nette Antwort, die richtig klingt, aber es wäre großartig, wenn Sie dafür einen Hinweis geben könnten. Prem vor 6 Jahren 0
Sie sind sich nicht sicher, wie sie das mit dieser Benutzeroberfläche machen sollen, und da mir keine detaillierte Dokumentation bekannt ist, die Mozilla zu diesem Thema veröffentlicht hat. Ich bin ein Webentwickler mit über einem Jahrzehnt Berufserfahrung, daher ist mein Wissen, wie Websites strukturiert sind, und praktischer Einblick wäre die "Referenz". Kenoi vor 6 Jahren 1
Ich weiß, was Sie meinen, aber derzeit gibt es hier zwei Antworten, und Besucher dieser Frage haben keine Möglichkeit herauszufinden, welche richtig ist. Ein Web-Link (zu einer Dokumentation oder zu einem Quelltextkommentar) würde Antworten unterstützen. Prem vor 6 Jahren 0
Ich kann mich buchstäblich nicht zu der anderen Antwort äußern (und persönlich hasse ich diese Plattform schon). Ein PNG-Favicon mit der Größe von 512 Pixeln wird auf älteren Web-Browsern, die eine ICO-Datei mit einem 16, 32 und 48 Pixel großen Bild des Symbols erwarten, nicht richtig angezeigt, wie dies seit langem der Standard ist. Weitere Informationen finden Sie hier: https://en.wikipedia.org/wiki/Favicon Sie erhalten eine bessere Kompatibilität mit einem Standard-ICO-Favicon und dem in einem Meta-Tag definierten großen PNG-Handy-Symbol (Touch). Kenoi vor 6 Jahren 0

Verwandte Probleme