PWA на iOS 15: улучшения? [Обновлено iOS 15.4]

Apple утверждает, что iOS 15 предлагает лучший способ оставаться на связи, сосредоточиться и исследовать, благодаря значительному списку новых функций. Однако есть ли что-нибудь, что может облегчить жизнь разработчика PWA? Мы рассмотрим все самые большие изменения, разочарования, а также некоторые интересные новости в этой статье.

Все улучшения для PWA

[iOS 15.4] Предварительная загрузка навигации для Service Worker

В iOS 15.4 реализованы некоторые новые улучшения для Service Workers, включая предварительную загрузку навигации и дополнительную поддержку файлов, созданных Service Worker.

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

[iOS 15.4] Улучшенный манифест веб-приложения: значки и многое другое

Хорошие новости! После долгого ожидания разработчики PWA наконец-то могут реализовать веб-приложение на iOS 15.4 с правильным значком. Если в файле веб-приложения не определен значок Apple-Touch , по умолчанию будет установлен значок манифеста веб-приложения.

Тем не менее, поддержка еще не идеальна. Есть еще некоторые незначительные ошибки, которые влияют на работу как пользователей, так и разработчиков, например:

• Форма и формат значков ограничены только квадратным PNG.
• Размер значков автоматически изменяется, если они не соответствуют предварительно заданным размерам iOS (Ipad — 152 x 152 и 167 x 167, iPhone — 120 × 120 и 180 x 180).
• Значки не отображаются, когда вы открываете общий лист, но в конечном итоге они появляются, когда вы выбираете «Добавить на главный экран».
• Прозрачные значки будут иметь черный или белый фон.

Более того, в предыдущих версиях манифест веб-приложения загружался только тогда, когда пользователи выбирали « Добавить на главный экран ». Для iOS 15.4 файл теперь анализируется и загружается, когда страница уже загружается. В результате вы можете применить цвет темы прямо при загрузке страницы, что делает PWA более надежными.

[iOS15.4] Веб-push-уведомления

Когда мы писали статью для PWA iOS 15 в прошлом году, мы поделились некоторыми свидетельствами того, как могут приходить веб-push-уведомления, и угадайте, что это, наконец, происходит.

Как и в случае со значками манифеста веб-приложений, все еще существуют некоторые неудобства, связанные с веб-пушем. Например, он отключен по умолчанию, поэтому люди должны сначала узнать о нем, чтобы использовать его. Кроме того, некоторые разработчики PWA считают невозможным использование Web Push API для запроса разрешений на уведомления, хотя для этого есть варианты.

Тем не менее, это стоит отметить новости. Что лучше? Web Kit объявил о поддержке Web Push в Safari 16 на macOS Ventura. Согласно их тизерам, Web Push может быть доступен на iOS и iPadOS в 2023 году.

Цвет темы поддерживается

В то время как статус поддержки для манифеста веб-приложения по-прежнему «Частично поддерживается», Safari 15 теперь официально включил цвет темы в метатегах HTML и веб-манифесте . Итак, теперь вы можете вносить изменения в цвета в строке состояния и области прокрутки , которые также можно применять для панели вкладок и цветов фона прокрутки в макете Safari 15 Compact Tab на Ipad OS 15, Big Sur и MacOS Monterey .

Более того, используя атрибут media, вы также можете включить темный/светлый режим для своего прогрессивного веб-приложения в Safari 15.

 <meta name="theme-color" content="#ecd96f" media="(предпочитает цветовую схему: светлая)">
<meta name="theme-color" content="#0b3e05" media="(prefers-color-scheme: dark)">

Усовершенствованный WebGL (веб-графическая библиотека) и Web-Share API

В iOS 15 происходит обновление с WebGL 1 до WebGL2. Доказано, что WebGL 2 является значительным улучшением, которое намного быстрее, предлагает гораздо больше текстур, чем WebGL, а также многие другие преимущества.

Кроме того, Safari 15 включает поддержку Web Share уровня 2, что позволяет разработчикам эффективно обмениваться файлами из браузера в приложения с помощью собственного диалога общего доступа. В настоящее время он поддерживает изображения, видео, аудио, текстовые файлы и многое другое.

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

Улучшенный API сеанса мультимедиа

Media Session API предоставляет больше данных и элементов управления воспроизведением, таким образом, выводя мультимедиа на более высокий уровень. В iOS 15 пользователи могут получить доступ к карточке NOW PLAY из Control Central , экрана блокировки , а также из строки меню MacOS Monterey и управлять некоторыми простыми параметрами воспроизведения. Кроме того, новая медиа-сессия позволяет использовать SharePlay , что позволяет смотреть фильмы и слушать музыку с друзьями через Facetime. Это может быть хорошей новостью для веб-приложений для подкастов.

Поддержка аудио WebM для Safari, поддержка WebM/VP9 для Ipad

WebM — это бесплатная технология потокового веб-видео с открытым исходным кодом. После первого представления изображения WebM в iOS 14 Apple теперь поддерживает контейнеры WebM аудиокодека Opus в Safari 15. Кроме того, теперь пользователи могут транслировать видео WebM/VP9 на IpadOS15.

Это обновление обещает полную поддержку WebM в ближайшем будущем, и мы можем ожидать, что видео WebM скоро будет доступно в мобильном Safari. В результате у владельцев PWA будет больше возможностей для отображения своих видеоматериалов, чтобы повысить удобство работы пользователей.

Поддержка модуля ES6 в Service Worker

ES6 знаменует собой первый встроенный модуль JavaScript, обеспечивающий прочную структуру, с которой легко работать, поддерживать, масштабировать и инкапсулировать поведение. С появлением нового модуля ES6 в Service Worker разработчики теперь могут повысить производительность и обеспечить более организованный автономный доступ для iOS PWA. В результате легко и быстро масштабировать, расширять функциональные возможности PWA, чтобы соответствовать требованиям рынка, когда это необходимо.

Упрощенная многозадачность для iPad

В iOS 15 были внесены некоторые улучшения для более интуитивно понятного многозадачного режима на iPad, но при этом сохранено то, что работало раньше. Например, в верхней части экрана появилась новая вкладка с тремя точками, представляющая многозадачное меню, которое делает приложение полноэкранным, разделенным или скользящим. Кроме того, в SplitScreen представлено окно с наведением по центру, где вы можете открыть окно поверх ваших приложений с разделенным экраном, а затем отправить его в Slider Over, Split View или Full Screen.

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

Судя по обзорам, новое обновление многозадачности Ipad для Интернета и PWA получило положительные отзывы и стало гораздо более удобным для пользователя, чем iOS 14.

Новый App Clip — еще одно заметное обновление

Мы упомянули App Clip в нашем обзоре PWA iOS 14, как то, чего следует ожидать от устанавливаемых PWA, подобных Android. Как дела сейчас?

App Clip теперь можно интегрировать с веб-сайтами, в результате чего они отображаются в Safari. Карта позволяет пользователям выполнять свои первоначальные задачи, такие как заказ еды, аренда велосипеда, а затем предлагает им установить нативные приложения в App Store. Новое изменение сокращает некоторые дополнительные шаги iOS 14 для обнаружения клипов приложений на веб-странице и в сторонних приложениях.

К сожалению, баннеров установки PWA пока не видно. Будет ли Apple делать клипы приложений совместимыми с PWA? Или они пытаются создать собственную версию PWA? Или, может быть, клипы приложений и PWA просто никак не связаны? Ответ еще в будущем.

Основные ограничения не рассматриваются

Новые выпуски iOS 15, безусловно, приносят некоторые разочарования в развитие PWA, поскольку очевидно, что то, что мы ищем, все еще не внесено в список. Реализовать PWA на iOS 15 без наличия следующих функций по-прежнему довольно сложно:

• Фоновая синхронизация
• Веб-пуш
• Запрос перед установкой и баннер установки
• Фоновый звук для PWA

Кроме того, не исправлены некоторые недостатки, о которых мы упоминали в статье об iOS 14.

• Нет значка PWA в библиотеке приложений
• Не так много изменений в поддержке манифеста веб-приложения (кроме цветов темы).
• Строка состояния по-прежнему black и только black-translucent .
• Большое ограничение функций в других веб-браузерах

Еда на вынос

Здесь у вас есть все, что есть в iOS15 для PWA. Хотя большинство изменений в версии 15 незначительны, iOS 15.4 с поддержкой Web Push и другими функциями Web App Manifest открывает более светлое будущее для PWA на iOS. С бета-версией iOS 16, выпущенной в сентябре 2022 года, будем надеяться, что грядут более существенные изменения.