В Edge PWA скоро появятся расширенные строки заголовка
Microsoft собирается устранить визуальную разницу между строками заголовка Edge PWA и другими приложениями, работающими в Windows. В настоящее время такие PWA имеют строку заголовка, которая копирует рамку окна Edge. Это изменится в ближайшем будущем. Браузер позволит разработчикам PWA полностью настраивать внешний вид оконной рамы.
Взгляните на следующий снимок экрана. Вот как новая реализация оконной рамы выглядит для Edge PWA.
Microsoft собирается сделать область заголовка более настраиваемой для разработчиков. Теперь можно будет добавить дополнительный контент в эту область, например, элементы управления или часть информации, собственный логотип или поле поиска. В дополнение к этому в строке заголовка сохранятся классические элементы управления, такие как кнопки свертывания, развертывания и закрытия. Пользователь сможет перемещать окно PWA с такой современной строкой заголовка с помощью перетаскивания.
Есть флаг, который контролирует это поведение. Вот как вы можете включить его, чтобы протестировать эту функцию.
Включить расширенные строки заголовка для Edge PWA
- Откройте Microsoft Edge.
- Тип
край: // флаги / # включить-рабочий стол-pwas-control-overlayв адресной строке и нажмите клавишу Enter. - Выберите Включено рядом с Наложение элементов управления Windows Desktop PWA.
- При появлении запроса перезапустите браузер.
Это позволит создать новый облик. Теперь перейдите на веб-сайт, который предоставляет прогрессивные веб-приложения, например Twitter или YouTube и почувствуйте разницу.
Однако учтите, что пройдет некоторое время, прежде чем это изменение будет широко использовано в PWA. Разработчикам приложений придется обновить свои веб-приложения, чтобы использовать все функции, предоставляемые новым API. Проект уже есть задокументировано на GitHub.
Кроме того, вы можете ожидать, что что-то подобное в конечном итоге будет доступно в браузере Chrome. Это потому, что оба браузера построены на основе проекта Chromium и часто имеют общие функции.
Благодаря TECHTSP