Создан PWA - значок домашней страницы для Chrome работает, но не Firefox - PullRequest
0 голосов
/ 09 декабря 2018

Я создал PWA, и мобильный Chrome позволяет добавлять на домашний экран с соответствующим значком.Firefox также позволяет устанавливать на домашний экран, но без значка?

Мой index.html содержит:

<link rel="manifest" href="/manifest.json" />

Мой manifest.json выглядит так:

{
  "short_name": "coolapp",
  "name": "coolapp",
  "icons": [
    {
      "src": "assets/pwa/android-launchericon-36-36.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-48-48.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-72-72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-96-96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-128-128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-144-144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/android-launchericon-192-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/pwa/splash-128-128.png",
      "sizes": "128x128",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff",
  "orientation": "portrait"
}

Итакзначок работал для обоих, пока я не добавил обработку beforeinstallprompt, и теперь значок устанавливается только для Chrome, а не для Firefox.Я также прав, что "beforeinstallprompt" никогда не вызывает FF, только Chrome?На FF в браузере появляется значок «Домашний экран» со знаком «+», чтобы пользователь мог установить его на домашний экран, но он устанавливается не так, как приложение, чем Chrome (это больше похоже на ярлык, тогда как Chrome проходит через весь процесс)

1 Ответ

0 голосов
/ 13 декабря 2018

'beforeinstallprompt' доступно только в Chrome, да.

И хотя PWA работает на Android через Firefox и Opera, только Chrome имеет надлежащую автономную поддержку.PWA, установленный через Firefox или Opera, будет отображаться в виде ярлыков на рабочем столе, как вы сказали.Однако он по-прежнему работает как PWA, но выглядит не так, как будто его нет в панели приложений.

...