jquery.app
Nederlands
EnglishDeutschFrancaisEspanol日本語Nederlands

Afbeelding- en assettools

Gratis Web App Manifest Validator

Valideer een web-app-manifest JSON tegen de W3C-specificatie met installeerbaarheidschecklist.

Tool laden...

Wat is Web App Manifest Validator?

Een web app manifest is een JSON-bestand dat browsers vertelt hoe uw web app zich moet gedragen wanneer geinstalleerd op een apparaat. Het specificeert de app-naam, iconen, start-URL, weergavemodus, themakleuren en andere eigenschappen. Gekoppeld via <link rel="manifest" href="/site.webmanifest">.

Snel antwoord

Valideer uw web app manifest JSON voor PWA-installeerbaarheid. Vereist: name, icons (192x192 en 512x512), start_url, display mode (standalone/fullscreen/minimal-ui).

Last updated: 2026-05-28

Beperkingen

  • Valideert alleen JSON-inhoud, niet of icoonbestanden bestaan of URLs werken.
  • Nieuwe W3C-velden worden nog niet gevalideerd.
  • Verschillende browsers hebben verschillende installatievereisten.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Plak de volledige JSON van uw manifest.
  2. De tool parseert en controleert elk veld tegen de W3C-specificatie.
  3. Bekijk fouten (moet oplossen) en waarschuwingen (zou moeten oplossen).
  4. Volg de installatiechecklist voor implementatie.

Waarvoor je het kunt gebruiken

  • Valideer een manifest voor PWA-implementatie.
  • Debug waarom een PWA-installatieprompt niet verschijnt.
  • Controleer een bestaand manifest na wijzigingen.

Gebruik

Praktische voorbeelden

Voorbeeld

Pre-launch check

Een ontwikkelaar plakt een manifest. De validator signaleert een ontbrekende short_name en adviseert een 512x512 icoon.

Voorbeeld

PWA-installatie debuggen

Een PWA toont geen installatieprompt. Validator meldt lege icons-array.

Veelgemaakte fouten

  • Vergeten het manifest te koppelen in de HTML-head.
  • Lege icons-array — minimaal 192x192 en 512x512 PNG vereist.
  • display mode op browser zetten maar een installeerbare app verwachten.

Verificatie

  1. Voer een Lighthouse PWA-audit uit.
  2. Open Chrome DevTools > Application > Manifest en controleer velden.

FAQ

Vragen over Web App Manifest Validator

Waarom toont mijn PWA-installatieprompt niet?

Chrome/Edge vereisen: manifest in HTML-head, correct MIME-type, name, 192x192 en 512x512 iconen, start_url binnen scope, display standalone/fullscreen/minimal-ui, service worker en HTTPS.

Is short_name verplicht bij korte name?

Als name 30 chars of minder is, gebruikt men name als short_name. Maar expliciete short_name is veiliger.

Welk MIME-type?

Content-Type: application/manifest+json. GitHub Pages doet dit automatisch voor .webmanifest.

Gerelateerde tools

Meer afbeelding- en assettools

Probeer ook

Probeer ook

Css

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Open tool