Wie teste ich eine Reihe von Browser-Touch-Symbolen, -Favicons und -Kacheln für eine Website?

8

Verschiedene Browser und Geräte haben ihre eigenen Spezifikationen und Standards für die Arten von Favicon-ähnlichen Symbolen, die sie zur Darstellung von Webseiten verwenden. Diese Antwort auf der Grafikdesign-Website gibt einen ziemlich guten Überblick .

Angenommen, Sie haben sich die Mühe gemacht, eine gute Anzahl dieser Symboldateien mit den entsprechenden Deklarationen in Ihrem HTML-Code bereitzustellen. Sie haben jedoch nicht jedes Gerät, das Apple hergestellt hat, sowie ein Windows 8-Gerät und verschiedene Android-Versionen zur Hand um sie alle zu testen.

Gibt es eine einfache Möglichkeit, Ihre Konfiguration zu testen und festzustellen, welche Dateien (falls vorhanden) verschiedene Geräte und Browser haben werden, ohne alle erforderlichen Geräte zur Hand zu haben?

Um es klar zu machen, meine ich die Symbole, die Browser hochziehen und verwenden, wenn sie eine Webseite in Browserfunktionen wie "am häufigsten besucht", "Favoriten" oder beim Erstellen von Verknüpfungen für den Startbildschirm darstellen, die auf einer Webseite deklariert, <head>aber nicht angezeigt werden irgendwo auf der Webseite <body>.

testing favicon icon resources user56reinstatemonica8
quelle

Antworten:

3

Ich habe immer den Favicon-Generator bei realfavicongenerator.net verwendet , mit dem Sie sehen können, wie das von Ihnen ausgewählte Bildmaterial auf verschiedenen Geräten angezeigt wird. Es gibt einige Optionen und Sie können versuchen, mit ihrem Beispielsymbol zu testen. Beginnen Sie mit einem quadratischen SVG, um die besten Ergebnisse zu erzielen, da die Site es in die erforderlichen Formate konvertiert und Ihnen einen komprimierten Ordner mit allen gebrauchsfertigen Elementen zur Verfügung stellt.

Es ist auch ein kostenloser Service ohne Registrierung oder anderen Unsinn erforderlich. Verwenden Sie es einfach und spenden Sie, wenn Sie es nützlich finden.

Tom Brossman
quelle
Ich liebe diese Seite. Bester Favicon Generator, den ich benutzt habe. Es wird eine Zip-Datei mit all Ihren Bilddateien generiert und alle Codezeilen generiert, die für deren Funktion erforderlich sind.
Verfügbarkeit
0

Ich würde vorschlagen, die Geräteemulation in Google Chrome auszuprobieren. Es ist der einfachste Weg, den ich gesehen habe und es sollte funktionieren. Hier ist ein vollständiger Artikel dazu, https://developer.chrome.com/devtools/docs/device-mode

Ben Hoffman
quelle
Ich habe es versucht, aber ich konnte nicht herausfinden, wie ich es dazu bringen kann, etwas zu tun, das dann das Touch-Symbol anzeigt, wie es der Browser z. B. auf einer leeren Registerkarte tun würde. Wissen Sie, ob das möglich ist?
user56reinstatemonica8
Ich glaube nicht, dass es eine einfache Möglichkeit gibt, dieses Symbol zu testen.
Ben Hoffman
-1

Testen Sie diese einfach mit Mozilla Firefox. Die meisten Entwickler von Webanwendungen verwenden diese Methode zum Testen

Ashraf Zebronet
quelle
Dies beantwortet die Frage überhaupt nicht. "Testen Sie einfach mit ..." Das OP fragt, wie es getestet werden soll. Ich würde gerne sehen, dass dies so gelöscht wird, dass wir FF verwenden können, um zu testen, wie Elemente wie windows-tile-150x150.png beispielsweise eine Site in FireFox darstellen.
Will Lanni