Web App Manifest-validator

Een Progressive Web App installeert alleen correct als het manifest.json voldoet aan de velden die browsers en appstores daadwerkelijk controleren. Deze validator parset uw geüploade manifest en loopt de W3C Web App Manifest-specificatie veld voor veld na: hij signaleert een ontbrekende name en short_name, een lege of ongeldige icons-array, pictogrammen zonder src, sizes of type, een onontcijferbare start_url, een niet-herkende display-waarde en theme_color- of background_color-tekenreeksen die geen geldige CSS-kleuren zijn. Elke bevinding wordt getoond als een begrijpelijke zin — geen kale specificatieverwijzing — zodat u precies weet wat u moet herstellen en waarom dat van belang is voor de installeerbaarheid.

De belangrijkste functie is de maskable-veilige-zoneweergave. Android past op adaptieve pictogrammen een door het besturingssysteem gekozen maskervorm toe — cirkel, squircle, traan en meer — op elk pictogram dat is gemarkeerd als "purpose": "maskable". Alles buiten een gecentreerde cirkel die 40% van het pictogramvenster beslaat, kan worden afgesneden, afhankelijk van het masker dat het apparaat toepast. Upload de pictogramafbeeldingsbestanden waarnaar uw manifest verwijst samen met manifest.json, en deze tool koppelt ze op bestandsnaam, tekent elk maskable-pictogram op een canvas op de opgegeven grootte en legt precies die veilige-zonecirkel eroverheen, zodat u met eigen ogen kunt zien of uw ontwerp de uitsnede overleeft.

De geslaagd/mislukt-badge onder elke voorvertoning is geen cosmetisch checklistitem — hij is gebaseerd op daadwerkelijke pixel-voor-pixelanalyse van de gedecodeerde beeldgegevens. De tool meet hoeveel niet-achtergrondinhoud zich buiten de veilige-zonecirkel bevindt (inhoud die een masker zou afsnijden) en hoeveel van het pictogram transparant is (maskable-pictogrammen moeten een volledig dekkende achtergrond hebben, omdat transparantie de onderliggende maskerkleur laat doorschijnen). Beide controles worden uitgevoerd op de daadwerkelijke bitmap die u hebt geüpload, dus het resultaat weerspiegelt uw echte pictogrambestand, niet een schatting.

Alles gebeurt lokaal in uw browser: manifest.json wordt gelezen met de File API, pictogrammen worden gedecodeerd met createImageBitmap of een FileReader/Image-terugvaloptie en pixels worden geanalyseerd op een canvas in het geheugen. Er wordt niets naar een server geüpload, wat van belang is als uw manifest nog niet openbare app-namen, interne start_url-paden of pictogrammen in ontwikkeling bevat.