Ny teknologi gir progressive webapper rundt 30 piksler mer spillerom

PWA-er (Progressive Web Apps), installerbare webapplikasjoner, er ikke lenger noe nytt konsept. Det gjør at teknologien begynner å bli temmelig moden. Fortsatt mangler PWA-er noe funksjonalitet som støttes av tradisjonelle, systemspesifikke applikasjoner, men avstanden krymper stadig, samtidig som PWA-ene har sine egne fordeler, for eksempel at de alltid er oppdatert.

Microsoft omtalte nylig en webteknologi som ytterligere bidrar til å redusere avstanden mellom PWA-er og «native»-applikasjoner. Nyhetene finnes ifølge Microsoft i Edge versjon 105 og nyere, men er egentlig innebygget i Chromium-rammeverket og støttes dermed også av andre desktop-nettlesere som er basert på Chromium. Det er dog Microsoft som opprinnelig foreslo denne funksjonaliteten.

Kontroll over tittelfeltet

Nyheten handler egentlig om det gjerne rundt 30 piksler høye tittelfeltet på toppen av applikasjonsvinduene. I systemspesifikke apper har utviklere mulighet til å tilpasse innholdet som vises overalt i applikasjonsvinduet, inkludert i tittellinjen. Her kan det for eksempel legges inn menyer, en logo og en titteltekst.

I PWA-er har det til nå kun vært mulig å ha applikasjonsnavnet i tittelfeltet.

Men med teknologien Window Controls Overlay endres dette. Faktisk gjør teknologien det mulig å vise webinnhold overalt i applikasjonsvinduet. Men for å vite hvor tittelfeltet befinner seg, har det kommet egne CSS-verdier som oppgir koordinatene til nettopp dette. I tillegg er det introdusert et programmeringsgrensesnitt, navigator.windowControlsOverlay, som detekterer endringer i tittelfelt-koordinatene. Slike endringer kan gjøre det nødvendig å omorganisere det som vises i tittelfeltet.

Et eksempel på en webapp som benytter Windows Controls Overlay, er tilgjengelig på denne siden.