Microsoft forbedrer hvordan nettapper i Edge-nettleseren vises på stasjonære enheter. Selskapet har annonsert tilgjengeligheten av Window Controls Overlay-funksjonen, som gjør det mulig for webutviklere gjøre bruk av ekstra plass i tittellinjen til en nettapp, på samme måte som native apper gjør på de fleste operasjoner systemer.
Måten nettapper for øyeblikket fungerer på stasjonære enheter, er at de bare kan tegne innhold spesifikt inne i appvinduet. Tittellinjen, som vises øverst, er reservert for å vise tittelen på siden, nettleserkontroller og generelle vinduskontroller for operativsystemet. Med mindre du bygger en tilpasset nettapp som ikke er avhengig av en nettleser, begrenser det området der utviklere kan vise nyttig innhold for appene sine.
Med Window Controls Overlay frigjør Microsoft Edge plass på tittellinjen for apper å vise hvilket innhold de ønsker, noe som kan være nyttig for menyer på øverste nivå, søkefelt og andre funksjoner. I stedet for å ha 30 rader med piksler tatt opp av tittellinjen, vises vinduskontrollene – for eksempel minimere og lukke-knapper – som et overlegg på toppen av nettappens innhold.
Som utvikler kan du dra nytte av dette ved å legge til et visningsoverstyringsmanifestmedlem til webappmanifestet ditt, og deretter bruke CSS-variabler for å forhindre at nettappen din tegner elementer under vinduskontrollene i hjørnet av appen. Fordi vinduskontroller er forskjellige på Windows, Linux eller macOS, må du bruke forskjellige breddevariabler avhengig av plattformen der appen kjører. Du kan finne mer informasjon om denne muligheten på Mozilla utviklernettverk.
Microsoft snakket først om Window Controls Overlay for over to år siden, og det begynte å implementere det i Chromium-motoren en tid senere. Funksjonen er nå tilgjengelig i Edge og Chrome fra og med versjon 105, samt Opera versjon 91. Andre Chromium-baserte nettlesere bør også støtte det hvis de kjører den nyeste Chromium-versjonen. Det er også publisert en formell spesifikasjon som skal motivere andre nettlesere, som Firefox, til også å implementere funksjonen.
Kilde:Microsoft