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