Window Controls Overlay-funksjonen kan nå få nettapper til å se ut og føles mer som opprinnelige skrivebordsapper

Nettapper fungerer bra ikke bare på mobiltelefoner, men de har også vist seg å være et flott alternativ til native desktop-apper. Og for å bygge bro over gapet enda mer mellom nettapper og native desktop-apper, har Microsoft annonsert funksjonen Window Controls Overlay, som lar utviklere lage sine egne tittellinjer i stedet for å tvinge dem til å gå med standard.

Nettapper og native desktop-apper ser like ut i dag, bortsett fra at førstnevnte bruker en standard tittellinjeopplevelse, som inneholder informasjon relatert til nettstedets navn og andre kontrollknapper. Og nå, med inkorporeringen av Window Controls Overlay, kan utviklere bruke hele området der standardtittellinjen normalt vises. De systemkritiske vindusknappene vil imidlertid forbli uendret.

Utviklere kan nå bruke denne ekstra plassen til å vise en egendefinert tittel, en menylinje, litt kontoinformasjon, navigasjonsfaner og mer på nettappene deres for å få dem til å se ut og føles mer som opprinnelige skrivebordsapper. Bildet ovenfor lagt ut av Microsoft forklarer godt endringene Window Controls Overlay vil medføre når du bruker løsningen.

Microsoft foreslo Window Control Overlay tilbake i juni 2022, men selskapet brukte litt mer tid på å bygge den tidlige implementeringen i Chromium. Og nå, etter over to år, gjør Microsoft det endelig til en standardopplevelse for alle å bruke i Microsoft Edge Google Chrome med versjon 105. Den er også tilgjengelig i Opera 91.

For å velge å bruke denne funksjonaliteten, må utviklere bruke display_override manifestmedlem og sett verdien til ["vindu-kontroller-overlegg"]. Den vil også trenge den nye tittellinje-område-* CSS-miljøvariabler og den nye navigator.windowControlsOverlay JavaScript API. Microsoft anbefaler utviklere å sjekke ut teknisk dokumentasjon samt Mozilla Developer Network referansedokumenter for å lære mer om hvordan du integrerer den nye løsningen i nettapper.