Prekrivanje kontrola prozora pomaže web aplikacijama da se više osjećaju kao izvorne aplikacije na radnoj površini

Microsoft poboljšava način na koji se web aplikacije u pregledniku Edge prikazuju na stolnim uređajima. Tvrtka je najavila dostupnost značajke Window Controls Overlay, koja omogućuje web programerima da iskoristite dodatni prostor u naslovnoj traci web-aplikacije, slično onome što izvorne aplikacije rade na većini operativnih sustava sustava.

Način na koji web-aplikacije trenutačno funkcioniraju na stolnim uređajima jest da mogu crtati samo sadržaj koji se nalazi unutar prozora aplikacije. Naslovna traka, prikazana na vrhu, rezervirana je za prikaz naslova stranice, kontrola preglednika i općih kontrola prozora za operativni sustav. Osim ako ne gradite prilagođenu web-aplikaciju koja se ne oslanja na preglednik, to ograničava područje u kojem programeri mogu prikazati koristan sadržaj za svoje aplikacije.

S preklapanjem kontrola prozora, Microsoft Edge oslobađa prostor na naslovnoj traci za prikaz aplikacija kakav god sadržaj žele, što može biti korisno za izbornike najviše razine, trake za pretraživanje i druge značajke. Umjesto 30 redaka piksela koje zauzima naslovna traka, kontrole prozora - poput gumba za minimiziranje i zatvaranje - sada se prikazuju kao preklapanje na vrhu sadržaja web-aplikacije.

Kao razvojni programer, možete iskoristiti ovu prednost dodavanjem člana manifesta nadjačavanja prikaza u svoj Manifest web aplikacije i zatim pomoću CSS varijabli kako biste spriječili da vaša web-aplikacija crta elemente ispod kontrola prozora u kutu aplikacije. Budući da se kontrole prozora razlikuju u sustavima Windows, Linux ili macOS, morat ćete koristiti različite varijable širine ovisno o platformi na kojoj se aplikacija izvodi. Više informacija o ovoj mogućnosti možete pronaći na Mozilla Developer Network.

Microsoft je prvi put govorio o Window Controls Overlayu prije više od dvije godine, a nešto kasnije ga je počeo implementirati u Chromium engine. Značajka je sada dostupna u Edgeu i Chromeu počevši od verzije 105, kao i Opera verzije 91. Drugi preglednici temeljeni na Chromiumu također bi ga trebali podržavati ako koriste najnoviju verziju Chromiuma. Objavljena je i službena specifikacija koja bi trebala potaknuti druge preglednike, poput Firefoxa, da također implementiraju tu značajku.


Izvor:Microsoft