Новые возможности прогрессивного веб-приложения

На этой странице перечислены обновления прогрессивного веб-приложения (PWA) и веб-приложения от команды Microsoft Edge веб-приложения. Чтобы попробовать новые функции, ознакомьтесь с этими объявлениями. Чтобы оставаться в курсе последних и наиболее важных функций, скачайте каналы предварительной версии Microsoft Edge (бета-версия, разработка и Canary).

Разделы этого документа соответствуют историческим выпускам Microsoft Edge и не обновляются с течением времени. Например, приведенные ниже ссылки на "новые функции" или "пробные версии источника" могут устаревать по мере выпуска новых версий Microsoft Edge.

Новые возможности Microsoft Edge 114

Начиная с Microsoft Edge 114, вы можете определить, когда PWA запускается на боковой панели в Microsoft Edge, используя User-Agent указания клиента.

Чтобы узнать больше, проверка следующие ресурсы:

Новые возможности Microsoft Edge 112

Начиная с Microsoft Edge 112, прогрессивные веб-приложения могут экспериментально согласиться на закрепление на боковой панели в Microsoft Edge.

Боковая панель в Microsoft Edge позволяет пользователям легко получать доступ к популярным веб-сайтам и служебным программам вместе с вкладками браузера. Содержимое боковой панели дополняет основную задачу пользователя, позволяя параллельно просматривать страницы и свести к минимуму необходимость переключения контекстов между вкладками браузера.

Чтобы подготовить PWA к закреплению на боковой панели в Microsoft Edge, используйте элемент манифеста edge_side_panel .

Microsoft Edge с одной вкладкой, открытой в приложении списка задач, и PWAmp на боковой панели

Дополнительные сведения см . в статье Создание PWA для боковой панели в Microsoft Edge.

Новые возможности Microsoft Edge 108

Microsoft Edge 108 предоставляет экспериментальную поддержку прогрессивных веб-приложения для определения собственных мини-приложений на доске мини-приложений в Windows 11.

Мини-приложения определяются в файле манифеста PWA с помощью элемента манифеста widgets . Мини-приложения отображаются с помощью шаблонов адаптивных карточек, что упрощает создание мини-приложений и упрощает их адаптацию к различным панелям мониторинга мини-приложений операционной системы. Microsoft Edge также позволяет обрабатывать действия пользователей в мини-приложениях PWA из файла рабочей роли службы.

На следующем снимке экрана показана доска мини-приложений Windows слева и демонстрационная версия приложения PWAmp справа. Доска мини-приложений содержит мини-приложение PWAmp, показывающее текущую песню, которая играет в приложении PWAmp:

Мини-приложение PWAmp на панели мини-приложений Windows рядом с приложением PWAmp

Дополнительные сведения см. в статье Создание мини-приложений на основе PWA.

Новые возможности Microsoft Edge 105

Microsoft Edge 105 предоставляет следующие новые возможности для прогрессивного веб-приложения.

API наложения элементов управления окнами

API наложения элементов управления окном теперь доступен по умолчанию, начиная с Microsoft Edge 105. Используйте API наложения элементов управления окнами, чтобы управлять областью, которая обычно используется строкой заголовка установленного окна PWA. Код PWA может использовать эту область для отрисовки произвольного веб-содержимого, например настраиваемой области заголовка, кнопок навигации или строки меню.

Эта функция делает PWA, установленные в настольных операционных системах, таких как Windows, macOS и Linux, более похожими на их собственные аналоги.

PWA с пользовательской строкой заголовка

Чтобы узнать больше, проверка следующие ресурсы:

Уведомления от PWA теперь указываются как поступающие из PWA.

В более ранних версиях уведомления, созданные PWA, выглядели так, как будто они были отправлены Microsoft Edge.

В Microsoft Edge 105 уведомления от PWA теперь отображают имя и значок PWA вместо "Microsoft Edge":

Окно приложения PWA с уведомлением, отображаемым рядом с панелью задач Windows. Уведомление содержит значок PWA и имя

Новые возможности Microsoft Edge 101

Microsoft Edge 101 представляет функцию поиска на боковой панели для PWA. Поиск на боковой панели позволяет пользователям установленных PWA искать и просматривать веб-содержимое на боковой панели, расположенной в окне PWA.

Чтобы получить доступ к поиску на боковой панели:

  1. Нажмите кнопку Открыть поиск на боковой панели в заголовке установленного PWA:

    Значок поиска на боковой панели, показанный в строке заголовка приложения

  2. Введите поисковый запрос и нажмите клавишу ВВОД. Отобразятся результаты поиска, и оттуда можно перейти на веб-страницу:

    Поиск на боковой панели, открытый на стороне PWA, с некоторыми результатами поиска

Новые возможности Microsoft Edge 100

9 февраля 2022 года каналы Microsoft Edge Dev и Canary перешли на версию 100. В этой вехе мы тестируем следующие новые функции веб-приложения. Мы ожидаем, что эти новые функции будут развернуты в стабильном по истечении периода тестирования.

Синхронизация приложений

Служба синхронизации, которая обеспечивает функции, включая избранное, параметры, журнал и многое другое, была расширена, чтобы включить установленные веб-приложения, то есть PWA и веб-сайты, установленные в качестве приложений. Служба синхронизации работает, когда вы вошли в свой профиль и согласились на синхронизацию.

По мере тестирования и постепенного выпуска этой функции в течение ближайших недель пользователи, согласившиеся на синхронизацию, увидят раздел Ваши доступные приложения на edge://apps странице и переработанное меню "Приложения ".

Раздел Ваши доступные приложения

В разделе Доступные приложения будут показаны все приложения, установленные на других устройствах с тем же профилем входа, которые в настоящее время не установлены в используемом экземпляре Microsoft Edge. Доступные приложения будут отображаться в отдельном разделе с серыми значками. Нажмите кнопку Установить в приложении, чтобы установить приложение на этом устройстве:

Доступные приложения, отображаемые на странице

На этом этапе синхронизация приложений доступна только на настольных устройствах. Чтобы обеспечить синхронизацию приложений на разных устройствах, при добавлении приложения на одном устройстве оно будет добавлено в раздел Доступные приложения на других устройствах. При удалении приложения на одном устройстве оно будет удалено с других устройств.

Переработанное меню "Приложения"

В Microsoft Edge команда "Приложения " в меню "Параметры и другое" перепроектирована:

  • Значок меню "Приложения" можно добавить на панель инструментов для быстрого доступа.
  • Всплывающее меню можно закрепить в виде боковой панели для отображения приложений вместе с веб-содержимым.
  • Были добавлены настраиваемые параметры представления и сортировки, а также раздел Мои доступные приложения для поддержки функции синхронизации приложений.

Пользователи могут отображать значок меню "Приложения " на панели инструментов для быстрого доступа:

Значок

Пользователи могут закрепить открытое меню "Приложения " в виде боковой панели:

Пользователи могут закрепить открытое меню

Пользователи могут выбирать между списком или представлением сетки:

Пользователи могут выбирать между списком или представлением сетки для своих приложений

Пользователи могут выбрать порядок сортировки своих приложений:

Пользователи могут выбирать порядок сортировки своих приложений

Новые возможности Microsoft Edge 97

Выпуск Microsoft Edge версии 96 должен стать стабильным выпуском 18 ноября 2021 г. Microsoft Edge версии 97 перейдет с канала dev на бета-версию после этой даты.

Приложения Магазина, зарегистрированные как обработчики URL-адресов, скрывают настраиваемый пользовательский интерфейс вкладки

Установленные в Магазине PWA PWA, участвующие в пробной версии источника обработчика URL-адресов , больше не будут отображать пользовательскую вкладку Chrome (CCT) при перенаправлении из домена PWA в соответствующее доменное имя с другим доменом верхнего уровня (TLD). Такое перенаправление часто происходит в приложениях с доменами, зависящими от языкового стандарта; например, перенаправление с contoso.com на contoso.ca для пользователей в Канаде.

Новые возможности Microsoft Edge 96

Обработчики протокола URL-адресов перемещаются в стабильный

Судебное разбирательство по происхождению завершено. Возможность обработчиков протокола URL-адресов теперь поставляется в Microsoft Edge 96 Stable.

См. также:

Новая структура концентратора для управления установленными веб-приложениями

Microsoft Edge Canary достигла версии 96 5 октября 2021 г. С подмножеством наших пользователей мы тестируем новый дизайн, чтобы лучше управлять установленными веб-приложениями. При переходе в edge://apps браузере отображается переработанный концентратор, в котором будут перечислены установленные PWA и веб-сайты в качестве приложений.

Порядок сортировки

Вы можете отсортировать приложения по любому из следующих элементов:

  • Недавно используется.
  • В алфавитном порядке на основе заголовка.
  • Дата установки.
Представление списка или представление сетки

Вы можете упорядочить приложения в представлении списка или сетки с помощью раскрывающегося списка Вид как . На этом рисунке выбрано представление Сетка :

Новая страница управления приложениями в Microsoft Edge

Чтобы увеличить масштаб, щелкните правой кнопкой мыши > Открыть изображение на новой вкладке.

Закрепление приложений, создание ярлыков для приложений, запуск приложения при входе

Приложения можно легко закрепить на панели задач или в меню "Пуск ". Вы можете создать ярлык и разрешить запуск приложений при входе пользователя.

Страница сведений о приложении

Теперь есть страница сведений о приложении, которая позволяет легко получить доступ к следующим:

  • Разрешения и сведения о конфиденциальности для связанного источника.
  • Дополнительные сведения о приложении.

Страница сведений о приложении:

Страница сведений о приложении в Microsoft Edge

Новые возможности Microsoft Edge 95

Microsoft Edge версии 95 перешел на бета-версию канала 28 сентября 2021 г. Пробные версии источника остаются активными для следующих функций:

Ожидается, что исходная пробная версия обработчиков протоколов завершится 21 октября 2021 г.

Новые возможности Microsoft Edge 94

Microsoft Edge версии 94 перешел в стабильный 23 сентября 2021 г. Этот цикл выпуска был коротким — всего 3 недели от Microsoft Edge 93 Stable до Microsoft Edge 94 Stable, так как мы переходили к новому 4-недельного цикла выпуска. Эта частота новых выпусков соответствует новой частоте Chromium вех, описанной в разделе Ускорение цикла выпуска Chrome.

Из-за сокращенного цикла выпуска Microsoft Edge версии 94 мы сосредоточились на стабилизации логистики цикла выпуска и переместили разработку компонентов на Microsoft Edge версии 95.

Пробные версии источника остаются активными для следующих функций:

Мы ожидаем, что исходная пробная версия обработчиков протоколов завершится с Microsoft Edge версии 94, так как мы получим окончательный отзыв и подготовимся к переносу функции обработчиков протокола в стабильный. Если вы зарегистрированы в исходной пробной версии для обработчиков протоколов, мы планируем завершить пробный период после Microsoft Edge версии 94. Затем мы определим, когда эта функция станет стабильной.

Новые возможности Microsoft Edge 93

Microsoft Edge версии 93 стал стабильным каналом Microsoft Edge 2 сентября 2021 г. В этой статье перечислены обновления, внесенные в прогрессивные веб-приложения (PWA) с точки зрения разработчика и потребителя.

Измерение использования установленного в Магазине PWA

Microsoft Edge теперь включает заголовок ссылок с запросом на первую навигацию по установленной microsoft Store PWA.

Эта функция впервые появилась в Microsoft Edge версии 91, и мы отправили исправление ошибок в Microsoft Edge версии 93.

Дополнительные сведения см . в статье Публикация прогрессивного веб-приложения в Microsoft Store.

Пробные версии источника наложения элементов управления окнами

Чтобы получить больший контроль над областью заголовка, которая в настоящее время отображается в автономном режиме отображения, можно поэкспериментировать с наложением элементов управления окнами. Наложение элементов управления окнами (WCO) — это набор функций, которые совместно обеспечивают только необходимые элементы управления, необходимые для окна приложения. Этот макет освобождает больше места для слоя веб-содержимого. WCO доступна для установленных PWA настольного компьютера.

Дополнительные сведения об экспериментах с наложением оконных элементов управления см. в статье Отображение содержимого в строке заголовка.

Обновление 2023 г. Эта функция больше не входит в пробную версию Origin и доступна всем пользователям, поэтому больше не применяется следующее: Регистрация источника для пробной версии "Элементы управления окна веб-приложения " в консоли разработчика "Пробные версии источника".

Пробная версия источника обработчиков URL-адресов

Теперь разработчики могут использовать экспериментальную функцию Обработчики URL-адресов веб-приложения в пробной версии источника. Эта функция позволяет зарегистрировать установленный PWA для открытия ссылок из других приложений, ссылающихся на его область.

Обновление 2023 г. Эта функция больше не входит в исходную пробную версию и удалена, поэтому следующее больше не применяется, а функция обработчиков URL-адресов PWA была удалена из подсистемы браузера Chromium. Регистрация домена для пробной версии обработчиков URL-адресов веб-приложения в консоли разработчика пробных версий источника.

См. также:

Поддержка API общего доступа в macOS

Реализована поддержка navigator.share API для macOS. Эта функция будет развернута в стабильных браузерах Microsoft Edge в macOS в течение ближайших недель.

Узнайте больше об API navigator.share().

Новые возможности Microsoft Edge 92

Microsoft Edge версии 92 стал стабильным каналом Microsoft Edge 22 июля 2021 г. В этой статье перечислены обновления, внесенные в прогрессивные веб-приложения (PWA) с точки зрения разработчика и потребителя.

Пробная версия источника обработчиков протоколов

Теперь вы можете зарегистрировать PWA для обработки определенных протоколов в операционной системе узла. Дополнительные сведения об использовании обработчиков протоколов с PWA см. в статье Обработка протоколов в прогрессивной веб-приложения.

Обновление 2023 г. Эта функция больше не входит в исходную пробную версию и доступна всем пользователям, поэтому следующее больше не применяется: Теперь доступна пробная версия Windows для обработчиков протоколов. Вы можете зарегистрировать источник для пробной версии обработчика протокола веб-приложения на странице регистрации пробной версии источника.

Упрощенное меню сведений о приложении

Когда пользователь нажимает кнопку с многоточием (...) в строке заголовка приложения, отображается меню Сведения о приложении . Мы обновили меню Сведения о приложении и упростили взаимодействие с пользователем следующими способами, чтобы обеспечить пользовательский интерфейс, который больше похож на классическое приложение, чем на пользовательский интерфейс браузера.

  • Переместил сведения об издателе приложения на верхний уровень и сделал их первым, что видит пользователь:

    Новое упрощенное меню

  • Переместили сведения о конфиденциальности и элементы управления в выделенное меню конфиденциальности второго уровня:

    Элементы управления конфиденциальностью в выделенном меню Конфиденциальность

  • Инструменты, связанные с содержимым, перемещены в выделенное меню дополнительных инструментов второго уровня:

    Средства, связанные с содержимым, теперь находятся в меню

Диалоговое окно всплывающего окна после установки

После установки PWA из браузера Microsoft Edge в Windows пользователи могут выбрать один из четырех вариантов, чтобы легко запустить свои приложения:

  • Закрепление на панели задач
  • Закрепление на начальном экране
  • Создание ярлыка на рабочем столе
  • Автоматический запуск при входе на устройство

Для удобства это всплывающее диалоговое окно отображается при первом запуске приложения:

Всплывающее диалоговое окно после установки с параметрами Закрепить на панели задач, Закрепить на начальном экране, Создать ярлык рабочего стола и Автоматический запуск на устройстве

Эта функция постепенно развертывается для всех пользователей. В то же время, если вы хотите использовать эту функцию, перейдите к edge://flags и включите флаг веб-приложения диалогового окна после установки.

Восстановление веб-приложения

Установленные сайты и PWA, запущенные до непредвиденного завершения работы, теперь будут восстановлены (т. е. будут перезапущены) при восстановлении системы.

Непредвиденное завершение работы может произойти из-за сбоя процесса, перезапуска системы или отключения питания. До этого изменения установленные сайты и PWA имели неопределенное поведение при восстановлении системы.

См. также