Installation Experience

Installation Flow

Installability criteria पूरे होने पर browsers install prompt दिखाते हैं: HTTPS, name, icons और start_url वाला valid manifest, और (कुछ browsers में) service worker। आप prompt कब और कैसे दिखे यह customize कर सकते हैं।

Install prompt को handle करें

beforeinstallprompt event को listen करके custom install button दिखाएँ।

let deferredPrompt;

window.addEventListener('beforeinstallprompt', e => {
  e.preventDefault();
  deferredPrompt = e;
  // Show your custom install button
  installBtn.style.display = 'block';
});

installBtn.addEventListener('click', () => {
  deferredPrompt.prompt();
  deferredPrompt.userChoice.then(choice => {
    if (choice.outcome === 'accepted') {
      console.log('App installed!');
    }
  });
});

Output:

Custom install button triggers native install prompt on click.

एक आम गलती

केवल तब install prompts दिखाएँ जब users आपके app के साथ engage करें। Too-eager prompts को dismiss किया जाता है और कई दिनों के लिए फिर से नहीं दिखाया जा सकता।