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

Веб-приложения в доке macOS
Коллекция веб-приложений на док-станции macOS, которые функционируют как собственные приложения.

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

Google потратил годы на то, чтобы подтолкнуть разработчиков к созданию PWA, которые помогут им в этом. ChromeOS жизнеспособная альтернатива Windows и macOS. Их инновации в PWA пошли на пользу флагманскому браузеру Google. Гугл Хромпозволяя людям использовать сложные веб-приложения для повышения производительности, дизайна и общения. Это также помогло Chrome стать доминирующий интернет-браузер.

В то время как Google продвигает инновации в своем браузере, Apple сопротивляется продвижению PWA, вероятно, потому, что это угрожает закрытой экосистеме App Store. Однако после того, как Chrome потерял значительную долю рынка, Apple переориентировала свои усилия сафари Будьте в курсе инноваций Chrome, нанимая опытных сторонников веб-стандартов. Как Джен Симмонс и добавить больше функций PWA.

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

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

  1. Веб-приложения работают на любой платформе и любом устройстве.
  2. PWA постепенно получают доступ к собственным функциям, таким как push-уведомления и встроенный общий доступ.
  3. Веб-приложения не требуют обновлений, поскольку они всегда предоставляют последнюю версию.
  4. Многие веб-приложения предлагают лучший пользовательский опыт, чем собственные приложения.

Веб-приложения, заменившие нативные приложения

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

ЧИТАТЬ  В Telegram появилась новая мошенническая схема на фоне ареста Павла Дурова

электронная почта

Фастмейл Благодаря новаторской работе над открытым стандартом протокола метаприложений JSON (JMAP) и инновационной команде разработчиков интерфейса, компания имеет лучший веб-клиент электронной почты.

Фастмейл PWA
Почтовый клиент Fastmail PWA работает так же хорошо, как и собственное приложение.

Поскольку это PWA, он регистрируется как собственный почтовый клиент при установке из браузера, что позволяет вам использовать его в качестве почтового клиента по умолчанию в macOS.

Вариант по умолчанию для программы чтения электронной почты
Fastmail PWA может быть программой чтения электронной почты по умолчанию в macOS.

Примечания

Помнить — лучший вариант, если вы ищете минималистичное, но полнофункциональное приложение для заметок, которое можно использовать где угодно. Есть бесплатный план, он оптимизирован по скорости, поддерживает запись в Markdown и работает на любом устройстве. Это также PWA, то есть оно работает в автономном режиме, как нативное приложение.

Помните минималистское приложение для создания заметок
Настольная и мобильная версия приложения Recollect для минималистичных заметок

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

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

Новости

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

Нативное NPR и веб-приложение
Прямое сравнение собственного приложения NPR (слева) и веб-приложения (справа)

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

Веб-приложение «Утренняя версия»
Веб-приложение Morning Edition, созданное на веб-сайте NPR.

Социальные сети

Большинство платформ социальных сетей представляют собой PWA, а две из лучших — Mastodon и Threads.

Потоки PWA
Threads — это PWA, которое хорошо работает на настольных компьютерах.

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

Мастодонт ПВА
У Mastodon есть полнофункциональное PWA, которое отлично подходит для настольных компьютеров.

коммуникация

Google Встреча не имеет собственного приложения для настольных компьютеров, поэтому большинство пользователей используют его на вкладке браузера. Это может быть неприятно при просмотре и совместном использовании на другой вкладке браузера во время собрания, а также при поиске и управлении вкладкой Meet. К счастью, есть лучший способ. Meet — это PWA, которое можно установить на ваш компьютер.

ЧИТАТЬ  3 недооцененных шоу на канале Peacock, которые нужно посмотреть в ноябре 2024 года | Цифровые тенденции
Установите Google Встреча
Google Meet — это PWA, и его можно установить как отдельное приложение.

Установка Meet на компьютер превращает его в автономное приложение, которое можно использовать как родное приложение Zoom. Кроме того, если вы используете другие Google Рабочая область Приложения типа Gmail И календарьих можно добавить как отдельные приложения.

Google Встреча с PWA
Google Meet работает как отдельное приложение, похожее на Zoom.

видео

Если вы похожи на меня, вы иногда смотрите потоковое видео во время работы в Интернете. Для этого вам нужно сделать вкладку одним окном и изменить ее размер. Это может раздражать, поскольку когда вы впоследствии открываете новое окно, оно часто открывается в меньших размерах бокового окна для просмотра видео. К счастью, есть лучший способ. Подобно Fastmail, Recollect и Google Meet, Ютуб — это PWA, которое можно установить на ваше устройство.

Установите YouTube PWA
YouTube — это PWA, которое можно установить на компьютер.

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

Воспроизведение видео YouTube PWA
YouTube можно просматривать как отдельное приложение, отдельное от браузера.

дизайн

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

Веб-приложение Canva
Canva используется как отдельное приложение для дизайна.

ссылка

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

Документация разработчика Google Установка PWA
Документацию разработчика Google можно установить как PWA.

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

Google для разработчиков: страницы хранилища
Google for Developers PWA можно использовать для хранения и извлечения документации.

Прекращение поддержки собственных приложений

Веб-приложения также идеально подходят для нативных приложений, выпуск которых прекращен. Например, в марте 2024 года Grammarly прекратила выпуск собственного приложения-редактора для macOS и Windows. К счастью, веб-приложение Grammarly, как и Canva, практически идентично нативному приложению.

ЧИТАТЬ  Максимизируйте релевантность вашей рекламы на Facebook: ориентируйтесь на посетителей веб-сайта, которые просмотрели несколько страниц.
Сравнение Grammarly Native и веб-приложений
Приложение Native Grammarly Editor для Mac (слева) в сравнении с собственным веб-приложением Safari (справа)

Я преобразовал веб-приложение Grammarly в отдельное приложение и продолжил использовать редактор.

Грамматика на док-станции macOS
Веб-приложение Grammarly на док-станции macOS с пользовательским значком

Как добавить веб-приложения на свои устройства

Теперь вы уверены, почему вам следует использовать веб-приложения. Вот как добавить их на свои устройства.

Гугл Хром

Браузер Chrome различает PWA и обычные веб-приложения, отображая значок «Установить» в строке URL-адреса, что упрощает добавление PWA.

Устанавливаемый PWA

Для PWA щелкните значок «Установить», а затем нажмите кнопку «Установить». Вот и все! Теперь оно установлено, приложение должно открыться, и его значок должен появиться в Dock.

Установите PWA в Chrome
У PWA есть значок «Установить» в Chrome, который отображает кнопку «Установить» одним щелчком мыши.

Обычное веб-приложение

Если веб-приложение не является PWA (значок установки отсутствует), щелкните значок Kabob. Передавайте, сохраняйте и делитесьУстановить страницу как приложение… Как и PWA, вновь созданное автономное приложение также откроется, и его значок появится в доке.

Установите Pages как приложение
Не-PWA можно устанавливать как приложения в Chrome.

Сафари на MacOS

Safari не отображает значок установки, как Chrome. Вместо этого ко всем PWA и веб-приложениям относятся одинаково. Чтобы добавить веб-приложение из Safari, щелкните значок «Поделиться», затем Добавить в док. Приложение откроется, и в доке появится значок.

Добавьте веб-приложение в Dock
Используйте опцию «Поделиться», чтобы добавить веб-приложение из Safari.

Safari на iOS и iPadOS

На iPhone и iPad коснитесь значка «Поделиться» в Safari, прокрутите вниз список вариантов обмена, а затем коснитесь знака «плюс», чтобы Добавить на главный экран. Приложение появится на главном экране, и теперь вы сможете использовать его как отдельное собственное приложение.

Добавить на главный экран
Веб-приложения можно добавить на главный экран iOS с помощью значка «Поделиться».
Выстрел в голову Джону Хеншоу

Джон Хеншоу

Джон Хеншоу — основатель Койвольф и ветеран отрасли с почти тридцатилетним опытом SEOОпыт работы в цифровом маркетинге и веб-технологиях. Следовать @[email protected]

Source