После запуска события Beforeinstallprompt не появляется сообщение «Добавить на главный экран» - PullRequest
Новая
       128

После запуска события Beforeinstallprompt не появляется сообщение «Добавить на главный экран»

2 голосов
/ 24 сентября 2019

Добавить на домашний экран не выводится даже после того, как он соответствует всем спецификациям PWA и проверен на Light House.

Я попробовал приведенный ниже код, чтобы проверить, установлено ли приложение или нет.но приложение установлено Событие не запускается и событие beforeinstallprompt запускается успешно.

// приложение установлено

window.addEventListener('appinstalled', (evt) => { app.logEvent('a2hs', 'installed'); });

// beforeinstallprompt 

  window.addEventListener('beforeinstallprompt', (event) => {
   event.preventDefault();
   deferredPrompt = event;
 });```

// manifest.json

`{
    "name": "demo",
    "short_name": "demo",
    "icons": [{
            "src": "/static/public/icon/icon-192x192.png",
            "sizes": "512x512",
            "type": "image/png"
        },
        {
            "src": "/static/public/icon/icon-512x512.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ],
    "start_url": "/",
    "orientation": "portrait",
    "display": "standalone",
    "theme_color": "#085689",
    "background_color": "#085689",
    "gcm_sender_id": "103xx3xxx50x",
    "gcm_user_visible_only": true
}
`

// service worker

`self.addEventListener('fetch', (event) => {
    console.log('event', event);
});`

1 Ответ

1 голос
/ 25 сентября 2019

Удалите эту строку из своего кода 

event.preventDefault();

Начиная с Chrome 76, функция protectDefault () остановила появление автоматического мини-инфобара

Подробнее здесь
https://developers.google.com/web/fundamentals/app-install-banners/

...