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 standard tittellinjen normalt vises. De systemkritiske vindusknappene forblir imidlertid uendret.
Bilde: Microsoft
Utviklere kan nå bruke denne ekstra plassen til å vise en egendefinert tittel, en menylinje, litt kontoinformasjon, navigasjonsfaner og mer på nettappene sine 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 det tidlige implementering 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-manifestmedlemmet og sette verdien til [“window-controls-overlay“]. Den vil også trenge de nye titlebar-area-* CSS-miljøvariablene 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 å inkorporere den nye løsningen i nettapper.