Microsoft подобрява начина, по който уеб приложенията в браузъра Edge се показват на настолни устройства. Компанията обяви наличието на функцията Window Controls Overlay, която позволява на уеб разработчиците да използвайте допълнително пространство в заглавната лента на уеб приложение, подобно на това, което местните приложения правят в повечето операционни системи системи.
Начинът, по който уеб приложенията в момента работят на настолни устройства, е, че те могат да рисуват съдържание само в прозореца на приложението. Заглавната лента, показана в горната част, е запазена за показване на заглавието на страницата, контролите на браузъра и общите контроли на прозореца за операционната система. Освен ако не създавате персонализирано уеб приложение, което не разчита на браузър, това ограничава областта, в която разработчиците могат да показват полезно съдържание за своите приложения.
С наслагването на контролите на прозореца Microsoft Edge освобождава място в заглавната лента за показване на приложения каквото съдържание искат, което може да бъде полезно за менюта от най-високо ниво, ленти за търсене и други функции. Вместо да има 30 реда пиксели, заети от заглавната лента, контролите на прозореца - като бутони за минимизиране и затваряне - сега се показват като наслагване върху съдържанието на уеб приложението.
Като разработчик можете да се възползвате от това, като добавите член на манифест за отмяна на дисплея към вашия манифест на уеб приложение и след това използвайте CSS променливи, за да попречите на вашето уеб приложение да рисува елементи под контролите на прозореца в ъгъла на приложението. Тъй като контролите на прозореца са различни в Windows, Linux или macOS, ще трябва да използвате различни променливи за ширина в зависимост от платформата, на която се изпълнява приложението. Можете да намерите повече информация за тази възможност на Мрежа за разработчици на Mozilla.
Microsoft за първи път говори за Window Controls Overlay преди повече от две години и започна да го внедрява в Chromium двигателя известно време по-късно. Функцията вече е налична в Edge и Chrome, започвайки от версия 105, както и версия 91 на Opera. Други базирани на Chromium браузъри също трябва да го поддържат, ако използват най-новата версия на Chromium. Публикувана е и официална спецификация, която трябва да стимулира други браузъри, като Firefox, също да прилагат функцията.
източник:Microsoft