Microsoft представила функцию Window Controls Overlay, которая предоставляет разработчиками прогрессивных веб-приложений (PWA) дополнительные средства управления строкой заголовка. Это значит, что в среде Windows они станут более похожими на нативные программы.
![Источник изображений: blogs.windows.com](https://3dnews.ru/assets/external/illustrations/2022/09/29/1074999/pwa_1.jpg)
Источник изображений: blogs.windows.com
До настоящего момента у веб-приложений не было доступа к оформлению строки заголовка, что порождало непредсказуемые последствия: образование пустых пространств, конфликты цветов и прочие ошибки, из-за которых PWA резко отличались от традиционного ПО. С инструментом Window Controls Overlay все эти проблемы остаются позади: разработчики получили доступ ко «всей поверхности» окна приложения — нельзя настраивать только область в правом верхнему углу, где находятся кнопки управления окном.
Управление строкой заголовка в окне PWA осуществляется при помощи трёх инструментов: доступ к функции открывается в файле Web Application Manifest; управление внешним видом фрагмента строки производится в CSS с помощью функции env() и четырёх переменных titlebar-area-x/y/width/height; а обратная связь, позволяющая контролировать изменения в геометрии строки заголовка, осуществляется через интерфейс Navigator.windowControlsOverlay в JavaScript.
![](https://3dnews.ru/assets/external/illustrations/2022/09/29/1074999/pwa_2.jpg)
Первоначально Microsoft предложила данную функцию в январе 2020 года, показав её работу в демонстрационном веб-приложении. Поддержка Window Controls Overlay в Chrome появилась в апреле 2022 года в качестве бета-функции, а в августе с выходом Chrome 105 функция вышла в релиз.
Источник:
Все комментарии премодерируются.