Jak przywrócić baner "Dodaj do domu" do progresywnej aplikacji internetowej po usunięciu ikony z ekranu głównego?

Question

Powód - zrobiłem Progressive web app, otwarty w przeglądarce - wszystko jest w porządku, a przeglądarka zaproponowała mi dodanie go do ekranu głównego.

Teraz chcę to zademonstrować na prezentacji, a więc - usunięto ikonę z ekranu głównego. Ale przez ostatni dzień dużo bawiłem się stroną internetową w chrome, a baner nigdy się nie wyświetla.

Czy to naprawdę coś w życiu? Czy jest coś konkretnego, co muszę zrobić?

Answer 1

Monit o instalację aplikacji pojawia się zwykle po odwiedzeniu witryny co najmniej dwa razy, co najmniej 5 minut między odwiedzinami. Za pomocą flagi Chrome możesz ominąć te kontrole, aby baner zawsze pojawiał się przy każdej wizycie:

1. Otwórz Chrome Android.
2. idź do chrome://flags/#bypass-app-banner-engagement-checks
3. Kliknij Włącz
4. kliknij Uruchom ponownie teraz

Można również simulate an Add To Homescreen event z Chrome DevTools:

1. Otwórz Android Chrome na telefonie i przejdź do https://paperplanes.world (PWA).
2. Połącz się ze swoim Androidem za pomocą kabla USB.
3. z pulpitu Chrome DevTools wybierz Menu>Więcej Narzędzia> Urządzenia zdalnego. lubctrlSHIFTP (lub CMDSHIFTP do Macos) i wprowadzić "zdalnego urządzenia".
4. Wybierz swój telefon według nazwy.
5. Kliknij przycisk Sprawdzanie obok elementu listy Paper Planes .
6. W nowych DevTools wyskakujące Paper Planes, przejdź do aplikacji panelu i kliknij Dodaj do ekranu głównego. Powinno to spowodować pojawienie się banera promującego instalację aplikacji w Androidzie Chrome. Uwaga: baner nie pojawi się na ekranie Chrome DevTools.

(kroki powyżej zweryfikowane z Chrome 55 na MacOS Sierra i Android Chrome 57)

Answer 2

znalazłem inne rozwiązanie - kiedy idę do ustawień chrom mobilny i wybrać History ->Clear browsing data i kliknij Przycisk Clear Data - po tym otrzymuję ponownie app install banner, aby dodać aplikację do ekranu głównego.

Podobno - usuwa nie tylko dane, ale także sprawia, że ​​przeglądarka forget wszystko na temat tej strony.

(dziwne - stara ikona nie znika ... więc teraz mam kilka ikon na ekranie głównym: D ...)