CRM Руководитель - Форум

Код: Выделить всё

<script>
let deferredPrompt;

// Слушаем событие beforeinstallprompt
window.addEventListener('beforeinstallprompt', (event) => {
    event.preventDefault();
    deferredPrompt = event;

    // Отобразить кнопку установки
    const installButton = document.getElementById('install-button');
    installButton.style.display = 'block';

    installButton.addEventListener('click', () => {
        // Показываем диалоговое окно установки
        deferredPrompt.prompt();

        // Проверяем, как пользователь ответил на предложение
        deferredPrompt.userChoice.then((choiceResult) => {
            if (choiceResult.outcome === 'accepted') {
                console.log('User accepted the install prompt');
            } else {
                console.log('User dismissed the install prompt');
            }
            deferredPrompt = null;
        });
    });
});
</script>

Код: Выделить всё

<button id="install-button" style="display: none;">Установить приложение</button>

Код: Выделить всё

<script>
let deferredPrompt; // Сохраняем событие 'beforeinstallprompt'

// Отслеживаем событие 'beforeinstallprompt'
window.addEventListener('beforeinstallprompt', (event) => {
  // Останавливаем стандартное поведение
  event.preventDefault();

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

  console.log('Событие beforeinstallprompt перехвачено');

  // Показать кнопку для установки PWA
  const installButton = document.createElement('button');
  installButton.textContent = 'Установить приложение';
  installButton.style.position = 'fixed';
  installButton.style.bottom = '10px';
  installButton.style.right = '10px';
  installButton.style.zIndex = '1000';
  document.body.appendChild(installButton);

  // Обработчик клика на кнопку
  installButton.addEventListener('click', async () => {
    if (deferredPrompt) {
      deferredPrompt.prompt(); // Показываем диалог установки
      const choiceResult = await deferredPrompt.userChoice;
      if (choiceResult.outcome === 'accepted') {
        console.log('Пользователь установил приложение');
      } else {
        console.log('Пользователь отказался от установки');
      }
      deferredPrompt = null; // Очищаем сохранённое событие
      document.body.removeChild(installButton); // Убираем кнопку после установки
    }
  });
});

</script>

Код: Выделить всё

/*! pwa-install-button */
.pwa-install-button {
  position: fixed;
  top: 60px; /* Отступ сверху */
  left: 20px; /* Отступ слева */
  background: linear-gradient(45deg, #4caf50, #81c784);
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 30px;
  padding: 10px 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 1000;
  transition: transform 0.2s, box-shadow 0.2s;
}

.pwa-install-button:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
}

.pwa-install-button:active {
  transform: scale(1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .pwa-install-button {
    top: 10px;
    left: 10px;
  }
}