Как установить PWA и получить Jump List в Chrome и Edge

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

С последними канарейками Chrome и Edge теперь возможно даже иметь варианты выбора для PWA непосредственно из Jump List.

Jump List - это меню, которое вы получаете, когда щелкаете правой кнопкой мыши на значке приложения на панели задач.

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

Как установить PWA и включить Jump List в Chrome?

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

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

Как установить PWA в Chrome и увидеть его Jump List?

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

1. Когда вы откроете веб-сайт, на правом крае адресной строки вы увидите знак плюс. Щелкните по нему.
2. Вы увидите диалог, в котором вас спросят, хотите ли вы установить приложение. Щелкните “Установить”.

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

Приложение chunky cat - это просто забавный пример, но, например, мы сделали то же самое для Twitter.

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

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

Как установить PWA и включить Jump Lists в Edge?

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

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

Как установить PWA в Edge и увидеть его Jump List?

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

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

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

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