PWA toont nog steeds browserbalk in Firefox Android

[Wachten...]

Mijn vraag
Ik ben een PWA aan het maken, om eens een beetje mee te spelen en oefenen. De eerste versie is al klaar, alleen loop ik tegen een klein probleem aan. Als ik de PWA in Firefox (Android) open, en ik kies daar dan onder het menu voor "app aan startscherm toevoegen", dan maakt hij gewoon een soort snelkoppeling, maar hij installeert de app niet. Dus als ik de "app" open, zie ik nog steeds de adresbalk boven.

Ik heb ditzelfde geprobeerd op dezelfde telefoon met Chrome, en daar werkt het wel. Wat doe ik verkeerd met Firefox, dat deze het niet oppakt?

Ik heb overal in de instellingen van Firefox gekeken, maar nergens zie ik iets over PWA staan, wat ik aan of uit kan zetten. Is er misschien iets wat ik in de manifest.json toe moet voegen ofzo, om het werkend te krijgen op Firefox?

De browserbalk zorgt er namelijk wel echt voor dat het niet als een app aanvoelt.

code:

{
  "name": "basic app",
  "short_name": "To Do's",
  "description": "test",
  "start_url": "./index.html",
  "display": "standalone",
  "background_color": "#fcf8f0",
  "theme_color": "#d4a373",
  "orientation": "portrait-primary",
  "icons": [
    {
      "src": "test-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "test-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ]
}

[Juup]

Wachten... schreef op zondag 1 februari 2026 @ 11:39:

code:

"display": "standalone",

En als je "display" op "fullscreen" zet?

En heb je deze meta tags in je HTML staan?

HTML:

<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>

[Wachten...]

Juup schreef op zondag 1 februari 2026 @ 14:00:
[...]

En als je "display" op "fullscreeen" zet?

En heb je deze meta tags in je HTML staan?

HTML:

<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>

Ik zal er straks even naar kijken, maar als het goed is wel, want via chrome werkt het gewoon....het zou dus denk ik echt een Firefox ding moeten zijn

[Merethil]

Wachten... schreef op zondag 1 februari 2026 @ 11:39:
Mijn vraag
Ik ben een PWA aan het maken, om eens een beetje mee te spelen en oefenen. De eerste versie is al klaar, alleen loop ik tegen een klein probleem aan. Als ik de PWA in Firefox (Android) open, en ik kies daar dan onder het menu voor "app aan startscherm toevoegen", dan maakt hij gewoon een soort snelkoppeling, maar hij installeert de app niet. Dus als ik de "app" open, zie ik nog steeds de adresbalk boven.

Ik heb ditzelfde geprobeerd op dezelfde telefoon met Chrome, en daar werkt het wel. Wat doe ik verkeerd met Firefox, dat deze het niet oppakt?

Ik heb overal in de instellingen van Firefox gekeken, maar nergens zie ik iets over PWA staan, wat ik aan of uit kan zetten. Is er misschien iets wat ik in de manifest.json toe moet voegen ofzo, om het werkend te krijgen op Firefox?

De browserbalk zorgt er namelijk wel echt voor dat het niet als een app aanvoelt.

code:

{
  "name": "basic app",
  "short_name": "To Do's",
  "description": "test",
  "start_url": "./index.html",
  "display": "standalone",
  "background_color": "#fcf8f0",
  "theme_color": "#d4a373",
  "orientation": "portrait-primary",
  "icons": [
    {
      "src": "test-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "test-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ]
}

Kijk eens bij de supported browsers: https://developer.mozilla...anifest/Reference/display
Firefox is de enige die het niet support.