Добавить на домашний экран мини-инфобар для моего приложения не запускается - PullRequest
Новая
       10

Добавить на домашний экран мини-инфобар для моего приложения не запускается

0 голосов
/ 15 января 2019

Я пытаюсь вызвать хром-мини-инфобар для моего PWA

enter image description here

Я проверил, что страница соответствует критериям добавления на главный экран, она также успешно проходит Аудит PWA в Chrome Devtools:

enter image description here

  • Веб-приложение еще не установлено (не установлено)
  • Соответствует эвристике взаимодействия с пользователем (в настоящее время пользователь взаимодействует с доменом не менее 30 секунд) (через 30 с ничего не происходит)
  • Включает манифест веб-приложения, который включает: Значки short_name или name должны содержать значки размером 192px и 512px start_url должен быть полноэкранным, автономным или минимальным пользовательским интерфейсом (да)
  • Подается по HTTPS (требуется для обслуживающего персонала) (да)
  • Зарегистрировал сервисного работника с обработчиком событий выборки (да)

Самым странным является то, что мини-инфобар показывается пользователю при тестировании с локальной машины (с использованием переадресации портов удаленных устройств). Но он перестает работать после того, как я загружаю его в Интернет.

Мой манифест: 

{
"name": "Dota 2 counterpick",
"short_name": "Counterpick",
"start_url": "/?utm_source=homescreen",
"icons": [{
    "src": "/android-chrome-192x192.png",
    "sizes": "192x192",
    "type": "image/png"
}, {
    "src": "/android-chrome-512x512.png",
    "sizes": "512x512",
    "type": "image/png"
}],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

Служебный работник 

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request).then(function(response) {
      return response || fetch(event.request);
    })
  );
});

Я попытался отменить регистрацию работника сервиса, сбросить данные сайта, перезапустить Chrome, но безуспешно. Я использую Chrome 71 на Android 8.1

PWA url: https://counterpick.herokuapp.com

...