Web-App-Manifest-Validator

Eine Progressive Web App wird nur dann sauber installiert, wenn ihre manifest.json die Felder erfüllt, nach denen Browser und App Stores tatsächlich suchen. Dieser Validator analysiert Ihr hochgeladenes Manifest und geht Feld für Feld durch die Spezifikation des W3C-Web-App-Manifests: Er markiert einen fehlenden Namen und Kurznamen, ein leeres oder fehlerhaftes Symbolarray, Symbole, denen ein Quellcode, eine Größe oder ein Typ fehlt, eine nicht analysierbare start_url, einen nicht erkannten Anzeigewert und themenfarben- oder hintergrundfarbenzeichenfolgen, die keine gültigen CSS-Farben sind. Jeder Befund wird als einfacher englischer Satz angezeigt – nicht als bloße Spezifikationszitierung – sodass Sie genau wissen, was behoben werden muss und warum es für die Installierbarkeit wichtig ist.

Die Killerfunktion ist die Vorschau der sicheren Zone mit maskierbaren Symbolen. Die adaptiven Symbole von Android wenden eine vom Betriebssystem gewählte Maskenform – Kreis, Kreis, Träne und mehr – auf jedes Symbol an, das mit „Zweck“ gekennzeichnet ist: „maskierbar“. Alles außerhalb eines zentrierten Kreises, der 40 % des Ansichtsfensters des Symbols abdeckt, kann je nach der vom Gerät angewendeten Maske abgeschnitten werden. Laden Sie die Symbolbilddateien, auf die Ihr Manifest verweist, zusammen mit manifest.json hoch. Dieses Tool gleicht sie anhand des Dateinamens ab, zeichnet jedes maskierbare Symbol in seiner angegebenen Größe auf eine Leinwand und überlagert genau diesen Sicherheitszonenkreis, sodass Sie mit eigenen Augen sehen können, ob Ihr Kunstwerk den Zuschnitt übersteht.

Das Pass/Fail-Abzeichen unter jeder Vorschau ist kein kosmetischer Checklistenpunkt – es stammt aus einer echten Pixelanalyse der dekodierten Bilddaten. Das Tool misst, wie viele Nicht-Hintergrundinhalte sich außerhalb des Sicherheitszonenkreises befinden (Inhalte, die eine Maske abschneiden würde) und wie viel des Symbols transparent ist (maskierbare Symbole sollten einen vollständig undurchsichtigen Hintergrund haben, da die Transparenz die darunter liegende Maskenfarbe durchscheinen lässt). Beide Prüfungen werden anhand der tatsächlich von Ihnen hochgeladenen Bitmap durchgeführt, sodass das Ergebnis Ihre tatsächliche Symboldatei widerspiegelt und keine Vermutung ist.

Alles geschieht lokal in Ihrem Browser: manifest.json wird mit der Datei-API gelesen, Symbole werden mit createImageBitmap oder einem FileReader/Image-Fallback dekodiert und Pixel werden auf einer In-Memory-Canvas analysiert. Es wird nichts auf einen Server hochgeladen. Dies ist wichtig, wenn Ihr Manifest auf einen noch nicht öffentlichen App-Namen, interne Start-URL-Pfade oder in der Entwicklung befindliche Symbole verweist.