Chrome native App Installation Banner und zum Startbildschirm hinzufügen

Question

Ich habe vor kurzem zu meinem Web eine Native app install banner von Chrome hinzugefügt. Es funktioniert ziemlich gut, wenn ein Benutzer die angegebenen Kriterien erfüllt, wird ein Banner zur Installation meiner App angezeigt.

Aber ich hätte gerne das Feature: Add to Home Screen auch. Grundsätzlich für diejenigen Benutzer, die nicht die App installieren möchten, aber sie könnten daran interessiert sein, auf dem Startbildschirm mein Web hinzuzufügen.

Es ist möglich, dass beide Funktionen zusammenarbeiten?

Answer 1

Ja, Sie können.

Es gibt beforeinstallprompt event, die Sie so lange abfangen und verzögern können, wie Sie möchten (z. B. bis der Benutzer Ihre Taste drückt).

Das Ereignis hat eine .prompt() function, die Sie aufrufen können, um die Eingabeaufforderung anzuzeigen, wenn Sie es wünschen.

 
window.addEventListener("beforeinstallprompt", ev => { 
    // Stop Chrome from asking _now_ 
    ev.preventDefault(); 

    // Create your custom "add to home screen" button here if needed. 
    // Keep in mind that this event may be called multiple times, 
    // so avoid creating multiple buttons! 
    myCustomButton.onclick =() => ev.prompt(); 
}); 

Answer 2

Ich glaube nicht, dass das heute funktioniert. Scheint wie eine gute Feature-Anfrage für Chrome-Tracker crbug.com Es ist mir nicht klar, wie Sie kontrollieren würden, welche der Aufforderungen Sie bekommen, aber wahrscheinlich lohnt es sich, das auf crbug zu diskutieren.