Het web-app-manifest voldoet niet aan de installeerbaarheidsvereisten

Installeerbaarheid is een kernvereiste van Progressive Web Apps (PWA's) . Door gebruikers te vragen uw PWA te installeren, kunt u ze deze aan hun startschermen toevoegen. Gebruikers die apps aan startschermen toevoegen, zijn vaker met die apps bezig.

Een webapp-manifest bevat belangrijke stukjes informatie die nodig zijn om uw app installeerbaar te maken.

Hoe de manifestcontrole van de Lighthouse-webapp mislukt

Lighthouse markeert pagina's die geen web-app-manifest hebben dat voldoet aan de minimale vereisten voor installeerbaarheid:

Lighthouse-audit waaruit blijkt dat de gebruiker de web-app niet vanaf zijn startscherm kan installeren

Als het manifest van een pagina niet de volgende eigenschappen bevat, mislukt de audit:

  • Een eigenschap short_name of name
  • Een icons die een pictogram van 192 x 192 px en een pictogram van 512 x 512 px bevat
  • Een start_url eigenschap
  • Een display eigenschap die is ingesteld op fullscreen , standalone of minimal-ui
  • Een eigenschap prefer_related_applications is ingesteld op een andere waarde dan true .

Hoe u uw PWA installeerbaar kunt maken

Zorg ervoor dat uw app een manifest heeft dat aan de bovenstaande criteria voldoet. Zie Het installeerbaar maken voor meer informatie over het maken van een PWA.

Hoe u kunt controleren of uw PWA installeerbaar is

In Chroom

Wanneer uw app voldoet aan de minimale vereisten voor installeerbaarheid, activeert Chrome een beforeinstallprompt gebeurtenis die u kunt gebruiken om de gebruiker te vragen uw PWA te installeren.

In andere browsers

Andere browsers hanteren andere criteria voor de installatie en voor het activeren van de beforeinstallprompt gebeurtenis. Kijk op hun respectievelijke sites voor volledige details:

Bronnen

,

Installeerbaarheid is een kernvereiste van Progressive Web Apps (PWA's) . Door gebruikers te vragen uw PWA te installeren, kunt u ze deze aan hun startschermen toevoegen. Gebruikers die apps aan startschermen toevoegen, zijn vaker met die apps bezig.

Een webapp-manifest bevat belangrijke stukjes informatie die nodig zijn om uw app installeerbaar te maken.

Hoe de manifestcontrole van de Lighthouse-webapp mislukt

Lighthouse markeert pagina's die geen web-app-manifest hebben dat voldoet aan de minimale vereisten voor installeerbaarheid:

Lighthouse-audit waaruit blijkt dat de gebruiker de web-app niet vanaf zijn startscherm kan installeren

Als het manifest van een pagina niet de volgende eigenschappen bevat, mislukt de audit:

  • Een eigenschap short_name of name
  • Een icons die een pictogram van 192 x 192 px en een pictogram van 512 x 512 px bevat
  • Een start_url eigenschap
  • Een display eigenschap die is ingesteld op fullscreen , standalone of minimal-ui
  • Een eigenschap prefer_related_applications is ingesteld op een andere waarde dan true .

Hoe u uw PWA installeerbaar kunt maken

Zorg ervoor dat uw app een manifest heeft dat aan de bovenstaande criteria voldoet. Zie Het installeerbaar maken voor meer informatie over het maken van een PWA.

Hoe u kunt controleren of uw PWA installeerbaar is

In Chroom

Wanneer uw app voldoet aan de minimale vereisten voor installeerbaarheid, activeert Chrome een beforeinstallprompt gebeurtenis die u kunt gebruiken om de gebruiker te vragen uw PWA te installeren.

In andere browsers

Andere browsers hanteren andere criteria voor de installatie en voor het activeren van de beforeinstallprompt gebeurtenis. Kijk op hun respectievelijke sites voor volledige details:

Bronnen