Запуск установки приложения PWA при загрузке страницы?

Для запуска установки приложения PWA (Progressive Web App) при загрузке страницы можно воспользоваться JavaScript API, предоставляемым браузерами. Один из способов это сделать - использовать событие beforeinstallprompt.

Вот пример кода, который инициирует установку PWA при загрузке страницы:

window.addEventListener('beforeinstallprompt', (event) => {
  // Предотвращаем стандартное поведение браузера (показ встроенного баннера об установке PWA)
  event.preventDefault();

  // Сохраняем событие для последующего использования
  const deferredPrompt = event;

  // Добавляем обработчик события для кнопки или другого элемента, по клику на который будет запускаться установка
  const installButton = document.getElementById('installButton');
  installButton.addEventListener('click', () => {
    // Показываем диалоговое окно для установки приложения
    deferredPrompt.prompt();

    // Ждем завершения установки
    deferredPrompt.userChoice.then((choiceResult) => {
      if (choiceResult.outcome === 'accepted') {
        console.log('Пользователь согласился установить PWA');
      } else {
        console.log('Пользователь отказался устанавливать PWA');
      }

      // Сбрасываем deferredPrompt после завершения установки
      deferredPrompt = null;
    });
  });
});

В данном примере, когда событие beforeinstallprompt срабатывает, мы предотвращаем стандартное поведение браузера и сохраняем событие в переменной deferredPrompt. При клике на элемент с id installButton инициируется установка PWA, затем мы ждем решения пользователя о установке приложения. Результат выбора пользователя сохраняется в choiceResult, который можно использовать для дальнейших действий.

Не забудьте также добавить манифест приложения и настроить его соответственно, чтобы браузер мог распознать ваше приложение как PWA.