Как установить PWA и получить списки переходов в Chrome и Edge

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

Установите PWA и получите списки переходов в Chrome и Edge

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

В последних канареечных версиях Chrome и Edge теперь можно даже иметь параметры выбора для PWA непосредственно из списка переходов.

Список переходов — это меню, которое вы получаете, когда щелкаете правой кнопкой мыши значок приложения на панели задач.

Недавно Google и Microsoft добавили поддержку PWA в списки переходов из Chrome и Edge.

Как установить PWA и включить списки переходов в Chrome?

Во-первых, вам нужно еМожно установить PWA, чтобы включить меню ярлыков, связанных со значком приложения из Chrome. Для этого выполните следующие шаги:

  1. Откройте Google Chrome Canary и введите хром://флаги/ в адресной строке.
  2. В следующем окне введите #enable-desktop-pwas-app-icon-shortcuts-menu в строке поиска или просто прокрутите вниз, пока не найдете функцию.как включить настольные PWA
  3. Наконец, нажмите кнопку справа и включите ее, затем перезапустите браузер.

Как я могу установить PWA в Chrome и увидеть его список переходов?

Теперь вам нужно перейти к PWA и установить его. Google подготовил тестовый сайт sadchonks.com, так что мы будем играть с ним. Итак, вот как это сделать.

  1. После того, как вы откроете веб-сайт, на правом краю адресной строки вы увидите знак «плюс». Нажмите здесь.как установить пва
  2. Вы увидите диалоговое окно с вопросом, хотите ли вы установить приложение. Нажмите «Установить».
    установка печальных чонксов
  3. Вы можете идти. Теперь вы увидите значок приложения на панели задач, и если вы щелкните его правой кнопкой мыши, вы увидите все возможные варианты. Вы можете увидеть все новые изображения, сохраненные варианты и закрепить их на панели задач.список переходов для PWA

Приложение с коротким котом — это просто глупый пример, но, например, мы сделали то же самое для Twitter.

После того, как мы установили приложение Twitter с веб-сайта, мы получили более полезный список переходов.

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

Как установить PWA и включить списки переходов в Edge?

Как и в случае с Chrome, сначала вам нужно включить настольные PWA в сборке Edge Canary.

  1. Откройте Edge Canary и введите край://флаги/ в адресной строке.
  2. В следующем окне введите #enable-desktop-pwas-app-icon-shortcuts-menu в строке поиска или просто прокрутите вниз, пока не найдете функцию.как включить настольные PWA в Edge
  3. Наконец, нажмите кнопку справа и включите ее, затем перезапустите браузер.

Как я могу установить PWA в Edge и увидеть его список переходов?

Ради этого эксперимента мы будем использовать тот же PWA, предоставленный Google, sadchonks.com.

  1. После того, как вы откроете сайт, нажмите на значок плюса на краю адресной строки и выберите установку приложения.как установить грустные чонки в Edge
  2. Вот и все. Значок приложения на панели задач, и если вы щелкните его правой кнопкой мыши, вы увидите параметры, как если бы вы установили его с помощью браузера Chrome.

Если вы установите PWA с помощью Chrome или Edge, вы также увидите приложение в меню «Пуск».PWA отображается в меню «Пуск»

Вы устанавливали PWA? Вам нравится опция Jump List для PWA? Что вы о них думаете? Напишите нам свои мысли в разделе комментариев ниже.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *