Обучение
Схема обучения
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
Новые возможности PWA
Ниже приведены обновления для прогрессивного веб-приложения (PWA) и веб-приложения от команды Microsoft Edge веб-приложения. Чтобы попробовать новые функции, ознакомьтесь с этими объявлениями. Чтобы оставаться в курсе последних и наиболее важных функций, скачайте каналы предварительной версии Microsoft Edge (бета-версия, разработка и Canary).
Разделы этого документа соответствуют историческим выпускам Microsoft Edge и не обновляются с течением времени. Например, приведенные ниже ссылки на "новые функции" или "пробные версии источника" могут устаревать по мере выпуска новых версий Microsoft Edge.
Начиная с Microsoft Edge 121, в средствах разработки можно имитировать функцию наложения элементов управления окнами, которую имеют прогрессивные веб-приложения (PWA), не устанавливая PWA. См . статью Имитация API наложения элементов управления окнами без установки PWA.
Начиная с Microsoft Edge 114, вы можете определить, когда PWA запускается на боковой панели в Microsoft Edge, используя User-Agent указания клиента.
Чтобы узнать больше, проверка следующие ресурсы:
- Определение использования на боковой панели в разделе Создание PWA для боковой панели в Microsoft Edge.
- Обнаружение Microsoft Edge с веб-сайта.
Начиная с Microsoft Edge 112, прогрессивные веб-приложения могут экспериментально согласиться на закрепление на боковой панели в Microsoft Edge.
Боковая панель в Microsoft Edge позволяет пользователям легко получать доступ к популярным веб-сайтам и служебным программам вместе с вкладками браузера. Содержимое боковой панели дополняет основную задачу пользователя, позволяя параллельно просматривать страницы и свести к минимуму необходимость переключения контекстов между вкладками браузера.
Чтобы подготовить PWA к закреплению на боковой панели в Microsoft Edge, используйте элемент манифеста edge_side_panel .
Дополнительные сведения см. в статье Создание PWA для боковой панели в Microsoft Edge.
Microsoft Edge 108 предоставляет экспериментальную поддержку прогрессивных веб-приложения для определения собственных мини-приложений на доске мини-приложений в Windows 11.
Мини-приложения определяются в файле манифеста PWA с помощью элемента манифеста widgets . Мини-приложения отображаются с помощью шаблонов адаптивных карточек, что упрощает создание мини-приложений и упрощает их адаптацию к различным панелям мониторинга мини-приложений операционной системы. Microsoft Edge также позволяет обрабатывать действия пользователей в мини-приложениях PWA из файла рабочей роли службы.
На следующем снимке экрана показана доска мини-приложений Windows слева и демонстрационная версия приложения PWAmp справа. Доска мини-приложений содержит мини-приложение PWAmp, показывающее текущую песню, которая играет в приложении PWAmp:
Дополнительные сведения см. в разделе Отображение мини-приложения PWA на доске мини-приложений Windows.
Microsoft Edge 105 предоставляет следующие новые возможности для прогрессивного веб-приложения.
API наложения элементов управления окном теперь доступен по умолчанию, начиная с Microsoft Edge 105. Используйте API наложения элементов управления окнами, чтобы управлять областью, которая обычно используется строкой заголовка установленного окна PWA. Код PWA может использовать эту область для отрисовки произвольного веб-содержимого, например настраиваемой области заголовка, кнопок навигации или строки меню.
Эта функция делает PWA, установленные в настольных операционных системах, таких как Windows, macOS и Linux, более похожими на их собственные аналоги.
См. также:
- Отображение содержимого в области заголовка с помощью наложения оконных элементов управления.
- Закрытие зазора в 30 пикселей между собственным и веб-сайтом.
- API наложения элементов управления окном в MDN.
В более ранних версиях уведомления, созданные PWA, выглядели так, как будто они были отправлены Microsoft Edge.
В Microsoft Edge 105 уведомления от PWA теперь отображают имя и значок PWA вместо "Microsoft Edge":
Microsoft Edge 101 представляет функцию поиска на боковой панели для PWA. Поиск на боковой панели позволяет пользователям установленных PWA искать и просматривать веб-содержимое на боковой панели, расположенной в окне PWA.
Чтобы получить доступ к поиску на боковой панели:
Нажмите кнопку Открыть поиск на боковой панели в заголовке установленного PWA:
Введите поисковый запрос и нажмите клавишу ВВОД. Отобразятся результаты поиска, и оттуда можно перейти на веб-страницу:
9 февраля 2022 года каналы Microsoft Edge Dev и Canary перешли на версию 100. В этой вехе мы тестируем следующие новые функции веб-приложения. Мы ожидаем, что эти новые функции будут развернуты в стабильном по истечении периода тестирования.
Служба синхронизации, которая обеспечивает функции, включая избранное, параметры, журнал и многое другое, была расширена, чтобы включить установленные веб-приложения, то есть PWA и веб-сайты, установленные в качестве приложений. Служба синхронизации работает, когда вы вошли в свой профиль и согласились на синхронизацию.
По мере тестирования и постепенного выпуска этой функции в течение ближайших недель пользователи, согласившиеся на синхронизацию, увидят раздел Ваши доступные приложения на edge://apps странице и переработанное меню "Приложения ".
В разделе Доступные приложения будут показаны все приложения, установленные на других устройствах с тем же профилем входа, которые в настоящее время не установлены в используемом экземпляре Microsoft Edge. Доступные приложения будут отображаться в отдельном разделе с серыми значками. Нажмите кнопку Установить в приложении, чтобы установить приложение на этом устройстве:
На этом этапе синхронизация приложений доступна только на настольных устройствах. Чтобы обеспечить синхронизацию приложений на разных устройствах, при добавлении приложения на одном устройстве оно будет добавлено в раздел Доступные приложения на других устройствах. При удалении приложения на одном устройстве оно будет удалено с других устройств.
В Microsoft Edge команда "Приложения " в меню "Параметры и другое" перепроектирована:
- Значок меню "Приложения" можно добавить на панель инструментов для быстрого доступа.
- Всплывающее меню можно закрепить в виде боковой панели для отображения приложений вместе с веб-содержимым.
- Были добавлены настраиваемые параметры представления и сортировки, а также раздел Мои доступные приложения для поддержки функции синхронизации приложений.
Пользователи могут отображать значок меню "Приложения " на панели инструментов для быстрого доступа:
Пользователи могут закрепить открытое меню "Приложения " в виде боковой панели:
Пользователи могут выбирать между списком или представлением сетки:
Пользователи могут выбрать порядок сортировки своих приложений:
Выпуск Microsoft Edge версии 96 должен стать стабильным выпуском 18 ноября 2021 г. Microsoft Edge версии 97 перейдет с канала dev на бета-версию после этой даты.
Приложения Магазина, зарегистрированные как обработчики URL-адресов, скрывают настраиваемый пользовательский интерфейс вкладки
Установленные магазином PWA, участвующие в пробной версии источника обработчиков URL-адресов , больше не будут отображать пользовательскую вкладку Chrome (CCT) при перенаправлении из домена PWA в соответствующее доменное имя с другим доменом верхнего уровня (TLD). Такое перенаправление часто происходит в приложениях с доменами, зависящими от языкового стандарта; например, перенаправление с contoso.com на contoso.ca для пользователей в Канаде.
Судебное разбирательство по происхождению завершено. Возможность обработчиков протокола URL-адресов теперь поставляется в Microsoft Edge 96 Stable.
См. также:
- Пробная версия источника обработчиков протоколов
- Обработка протоколов в PWA
- Регистрация обработчика протокола URL-адресов для PWA в рекомендациях по веб-платформе > chrome dev>.
Microsoft Edge Canary достигла версии 96 5 октября 2021 г. С подмножеством наших пользователей мы тестируем новый дизайн, чтобы лучше управлять установленными веб-приложениями. При переходе в edge://apps браузере отображается переработанный концентратор, в котором будут перечислены установленные PWA и веб-сайты в качестве приложений.
Вы можете отсортировать приложения по любому из следующих элементов:
- Недавно используется.
- В алфавитном порядке на основе заголовка.
- Дата установки.
Вы можете упорядочить приложения в представлении списка или сетки с помощью раскрывающегося списка Вид как . На этом рисунке выбрано представление Сетка :
Чтобы увеличить масштаб, щелкните правой кнопкой мыши > Открыть изображение на новой вкладке.
Приложения можно легко закрепить на панели задач или в меню "Пуск ". Вы можете создать ярлык и разрешить запуск приложений при входе пользователя.
Теперь есть страница сведений о приложении, которая позволяет легко получить доступ к следующим:
- Разрешения и сведения о конфиденциальности для связанного источника.
- Дополнительные сведения о приложении.
Страница сведений о приложении:
Microsoft Edge версии 95 перешел на бета-версию канала 28 сентября 2021 г. Пробные версии источника остаются активными для следующих функций:
Ожидается, что исходная пробная версия обработчиков протоколов завершится 21 октября 2021 г.
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 2 сентября 2021 г. В этой статье перечислены обновления, внесенные в прогрессивные веб-приложения (PWA) с точки зрения разработчика и потребителя.
Microsoft Edge теперь включает заголовок ссылок с запросом на первую навигацию по установленной microsoft Store PWA.
Эта функция впервые появилась в Microsoft Edge версии 91, и мы отправили исправление ошибок в Microsoft Edge версии 93.
Дополнительные сведения см . в статье Публикация PWA в Microsoft Store.
Чтобы получить больший контроль над областью заголовка, которая в настоящее время отображается в автономном режиме отображения, можно поэкспериментировать с наложением элементов управления окнами. Наложение элементов управления окнами (WCO) — это набор функций, которые совместно обеспечивают только необходимые элементы управления, необходимые для окна приложения. Этот макет освобождает больше места для слоя веб-содержимого. WCO доступна для установленных PWA настольного компьютера.
См . раздел Отображение содержимого в области заголовка с помощью наложения элементов управления окнами.
Обновление 2023 г. Эта функция больше не является пробной версией источника и доступна всем пользователям, поэтому следующее больше не применяется: Зарегистрируйте источник для пробной версии наложения оконных элементов управления веб-приложения в пробных версиях источника Microsoft Edge.
Обновление 2024 г.: Начиная с Microsoft Edge 121, в средствах разработки можно имитировать функцию наложения элементов управления окнами для прогрессивного веб-приложения (PWA), не устанавливая PWA. См . статью Имитация API наложения элементов управления окнами без установки PWA.
Теперь разработчики могут использовать экспериментальную функцию Обработчики URL-адресов веб-приложения в пробной версии источника. Эта функция позволяет зарегистрировать установленный PWA для открытия ссылок из других приложений, ссылающихся на его область.
Обновление 2023 г. Эта функция больше не является пробной версией источника и удалена, поэтому следующая функция больше не применяется, а функция обработчиков URL-адресов PWA была удалена из подсистемы браузера Chromium. Регистрация домена для пробной версии обработчиков URL-адресов веб-приложений в microsoft Edge Origin Trials.
См. также:
Реализована поддержка navigator.share API для macOS. Эта функция будет развернута в стабильных браузерах Microsoft Edge в macOS в течение ближайших недель.
Узнайте больше об API navigator.share().
Microsoft Edge версии 92 стал стабильным каналом Microsoft Edge 22 июля 2021 г. В этой статье перечислены обновления, внесенные в прогрессивные веб-приложения (PWA) с точки зрения разработчика и потребителя.
Теперь вы можете зарегистрировать PWA для обработки определенных протоколов в операционной системе узла. Дополнительные сведения об использовании обработчиков протоколов с PWA см. в статье Обработка протоколов в PWA.
Обновление 2023 г. Эта функция больше не является пробной версией источника и доступна всем пользователям, поэтому следующее больше не применяется: Теперь доступна пробная версия Windows для обработчиков протоколов. Вы можете зарегистрировать источник для пробной версии обработчика протокола веб-приложения на странице Microsoft Edge Origin Trials.
Когда пользователь нажимает кнопку с многоточием (...) в строке заголовка приложения, отображается меню Сведения о приложении . Мы обновили меню Сведения о приложении и упростили взаимодействие с пользователем следующими способами, чтобы обеспечить пользовательский интерфейс, который больше похож на классическое приложение, чем на пользовательский интерфейс браузера.
Переместил сведения об издателе приложения на верхний уровень и сделал их первым, что видит пользователь:
Переместили сведения о конфиденциальности и элементы управления в выделенное меню конфиденциальности второго уровня:
Инструменты, связанные с содержимым, перемещены в выделенное меню дополнительных инструментов второго уровня:
После установки PWA из браузера Microsoft Edge в Windows пользователи могут выбрать один из четырех вариантов, чтобы легко запустить свои приложения:
- Закрепление на панели задач
- Закрепление на начальном экране
- Создание ярлыка на рабочем столе
- Автоматический запуск при входе на устройство
Для удобства это всплывающее диалоговое окно отображается при первом запуске приложения:
Эта функция постепенно развертывается для всех пользователей. В то же время, если вы хотите использовать эту функцию, перейдите к edge://flags и включите флаг веб-приложения диалогового окна после установки.
Установленные сайты и PWA, запущенные до непредвиденного завершения работы, теперь будут восстановлены (т. е. будут перезапущены) при восстановлении системы.
Непредвиденное завершение работы может произойти из-за сбоя процесса, перезапуска системы или отключения питания. До этого изменения установленные сайты и PWA имели неопределенное поведение при восстановлении системы.