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

PWA са Прогресивни уеб приложения, които по същество са начин за разработчика да предложи пряк път на работния плот за уебсайт или услуга.

С последните версии на канарчетата на Chrome и Ръб, край, вече е възможно дори да имате опции за избор на PWA директно от Списък за скок.

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

Наскоро Google и Microsoft добавиха поддръжка за PWA в списъците за прескачане от Chrome и Edge.

Как мога да инсталирам PWA и да активирам Jump Lists в Chrome?

Първо, трябва да enable инсталирани PWA, за да включват меню от преки пътища, свързани с иконата на приложението от Chrome. За да направите това, следвайте следващите стъпки:

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

Как мога да инсталирам PWA в Chrome и да видя неговия списък за скок?

Сега трябва да отидете на PWA и да го инсталирате. Google е подготвил тестов сайт, sadchonks.com, така че ще играем с него. Ето как да го направите.

1. След като отворите уебсайта, в десния край на адресната лента ще видите знак плюс. Кликнете върху него.
2. Ще видите диалог с въпрос дали искате да инсталирате приложението. Кликнете върху инсталиране.
   
3. Добре е да тръгнете. Сега ще видите иконата на приложението в лентата на задачите и ако щракнете с десния бутон върху нея, ще видите всички възможни опции. Можете да видите всички нови снимки, вашите запазени избори и можете да ги закачите в лентата на задачите.

Приложението за котки е просто глупав пример, но например направихме същото за Twitter.

След като инсталирахме приложението Twitter от уебсайта, получихме по-полезен Jump List.

Както можете да видите на снимката по-долу, можете лесно да отидете за нов туит, да изследвате, да видите известията или да изпратите директно съобщение само с десен бутон на мишката върху иконата от лентата на задачите.

Как мога да инсталирам PWA и да активирам Jump Lists в Edge?

По същия начин, както при Chrome, първо ще трябва да активирате PWA за настолни компютри в компилацията Edge Canary.

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

Как мога да инсталирам PWA в Edge и да видя неговия списък за скок?

За целите на този експеримент ще използваме същия PWA, предоставен от Google, sadchonks.com.

1. След като отворите сайта, кликнете върху знака плюс върху ръба на адресната лента и изберете да инсталирате приложението.
2. Това е. Иконата на приложението в лентата на задачите ви и ако щракнете с десния бутон върху нея, ще видите опциите, точно както ако я инсталирате с браузъра Chrome.

Ако инсталирате PWA с Chrome или Edge, ще видите приложението и в стартовото меню.

Инсталирахте ли някакви PWA? Харесвате ли опцията Jump List за PWA? Какво мислите за тях? Пуснете ни ред с вашите мисли в раздела за коментари по-долу.