PWA toont nog steeds browserbalk in Firefox Android

Pagina: 1
Acties:

Vraag


  • Wachten...
  • Registratie: Januari 2008
  • Laatst online: 18:00
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
  "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"
    }
  ]
}

Als je dit kunt lezen, dan werkt mij Signature!

Alle reacties


  • Juup
  • Registratie: Februari 2000
  • Niet online
En als je "display" op "fullscreen" zet?

En heb je deze meta tags in je HTML staan?
HTML:
1
2
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="mobile-web-app-capable"/>

Een wappie is iemand die gevallen is voor de (jarenlange) Russische desinformatiecampagnes.
Wantrouwen en confirmation bias doen de rest.


  • Wachten...
  • Registratie: Januari 2008
  • Laatst online: 18:00
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:
1
2
<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

Als je dit kunt lezen, dan werkt mij Signature!


  • Merethil
  • Registratie: December 2008
  • Laatst online: 20:58
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
  "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.

  • Wachten...
  • Registratie: Januari 2008
  • Laatst online: 18:00
Merethil schreef op zondag 1 februari 2026 @ 15:38:
[...]


Kijk eens bij de supported browsers: https://developer.mozilla...anifest/Reference/display
Firefox is de enige die het niet support.
Dan heb je het niet goed gelezen 😊, want mijn vraag betreft firefox voor Android, en daar staat toch echt dat het volledig compatible is (niet voor pc inderdaad).

Of ik moet iets verkeerds zien of lezen?
Afbeeldingslocatie: https://tweakers.net/i/TvZVaQyCngoETB88PSNTnJs15SM=/x800/filters:strip_exif()/f/image/1M9MZJnrvkUz5OriMoKOFGXH.png?f=fotoalbum_large

Als je dit kunt lezen, dan werkt mij Signature!


  • Merethil
  • Registratie: December 2008
  • Laatst online: 20:58
Wachten... schreef op zondag 1 februari 2026 @ 23:33:
[...]


Dan heb je het niet goed gelezen, want mijn vraag betreft firefox voor Android, en daar staat toch echt dat het volledig compatible is (niet voor pc inderdaad).

Of ik moet iets verkeerds zien of lezen?
[Afbeelding]
Excuus, je hebt gelijk - ik heb volledig over FF for android heen gelezen :X

  • Wachten...
  • Registratie: Januari 2008
  • Laatst online: 18:00
Het gekke is overigens wel dat ik op de pc wel een extra icoontje krijg in de browser dat ik hem met 1 klik toe kan voegen aan start. Dus hij herkend wel iets.

Als je dit kunt lezen, dan werkt mij Signature!


  • Wachten...
  • Registratie: Januari 2008
  • Laatst online: 18:00
@Juup @Merethil

Ik ben iets verder, want ik heb nog wat oudere telefoons liggen met daarop Firefox, en daar werkt het wel gewoon....

Ik zit bijna te denken of het aan de Google Pixel i.c.m. firefox ligt. Ik ga hier even Firefox er helemaal af gooien, om te kijken of het probleem daar mee weg is.

Als je dit kunt lezen, dan werkt mij Signature!


  • Wachten...
  • Registratie: Januari 2008
  • Laatst online: 18:00
Ik heb inmiddels het probleem gevonden.

Ik maak al heel lang gebruik van Before Launcher en het blijkt dat het door die launcher komt.

Op alle andere launchers werkt het wel.

Ik ben inmiddels in gesprek met de ontwikkelaar voor een oplossing.

Als je dit kunt lezen, dan werkt mij Signature!

Pagina: 1