Progressive Web Apps (PWA) i Firefox

 Mon 2025-01-27    Firefox

PWA? Hva er det? Og hvorfor?

For å få en webside til å se ut som og stort sett oppføre seg som et "native" program, finnes det en teknologi som heter Progressive Web Apps, eller PWA. Dette er et skall rundt et nettleservindu som gir nettsiden tittellinje og utseende som en hvilken som helst annen grafisk applikasjon man har installert på systemet sitt, det være seg Windows eller Linux.

Chromium-baserte nettlesere har innebygget støtte for dette, men de har håpløs fanehåndtering og har tatt så mange tåpelige valg at jeg holder meg til Firefox til Firefox ikke finnes lenger.

Mozilla har også tatt mange tåpelige valg de siste årene, men enn så lenge er jeg mindre misfornøyd med deres valg og retning enn Chromiumbaserte nettlesere.

Uansett, Firefox har ikke innebygget støtte for PWAs lenger, så for å få dette til å fungere igjen må man installere to komponenter:

1. En Firefox Addon
2. En native komponent i form av en .exe/.msi-fil (Windows) eller .deb-fil (Debian og derivater, deriblant Linux Mint som jeg bruker)

Last ned og installer Addon fra Firefox Browser Add-ons, og native-komponenten fra utviklerens Githubside.

Installer Addon først og følg instruksene du får på skjermen.

For Linux:

1. Installer Addon i Firefox
2. Last ned native package, installer som en hvilken som helst annen pakke
3. Opprett en PWA i Firefox

For Windows:

1. Installer Addon i Firefox
2. Åpne et Powershell-vindu og installer Scoop (som er en pakkemishandler for Windows, tilsvarende winget, chocolatey, etc). Jeg prøvde først winget, men hadde ikke noe hell med den, Chocolatey har jeg prøvd før og støtte på en paywall, så jeg gikk for scoop.
   
   Installasjonen av Scoop skjer slik:
   Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression
3. Deretter, kjør:
   scoop bucket add extras
   scoop install extras/firefoxpwa
4. Opprett en PWA i Firefox

Oppdateringer av Firefox kan gjøre at PWAene man oppretter slutter å virke. Om dette skjer, sjekk Githubsiden for oppdaterte pakker og instrukser om hvordan man får ting i gang igjen. Etter oppgradering fra Firefox 133 til 134 sluttet mine å virke, og å få dem i gang igjen var så enkelt som å kjøre "scoop upgrade firefoxpwa" under Windows, og å laste ned og installere oppdatert pakke for Linux Mint.

Hva kan dette brukes til?

Jeg har en instans av ntfy kjørende, og denne sender meg notiser om hva som skjer med forskjellige tjenester jeg har kjørende. Å ha en tab åpen i nettleseren funker greit, men jeg fant at jeg ofte lukket vinduet den taben var åpen i og dermed fikk jeg ikke notiser lenger. Å dytte ntfy ut i en PWA som kjører separat fra resten av nettleseriet mitt var veldig praktisk.

Andre bruksområder kan være webmailklienter, enten det er outlook.com, gmail.com, mailcow/SOGo, Roundcube eller hva det skulle være. Å ha mailklienten sin i en separat profil og eget vindu som ser ut som en mailklient kan være nyttig for noen.