Встроенный баннер для установки на Google Chrome и Добавить на главный экран

Question

Недавно я добавил в мой веб-адрес Native app install banner из Chrome. Он работает очень хорошо, когда пользователь соответствует указанным критериям, отображается баннер для установки моего приложения.

Но я бы хотел иметь эту функцию: Add to Home Screen тоже. В основном для тех пользователей, которые не хотят устанавливать приложение, но они могут быть заинтересованы в добавлении на главный экран моей сети.

Возможно ли, что обе функции работают вместе?

Answer 1

Да, вы можете.

Существует beforeinstallprompt event, который вы можете перехватить и задержать так долго, как вам нравится (например, пока пользователь не нажмет вашу кнопку).

В мероприятии есть .prompt() function, на который вы можете позвонить, чтобы сделать приглашение, если оно вам нужно.

 
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

Я не думаю, что это работает сегодня. Похоже на хороший запрос функции для трекера Chrome crbug.com Мне непонятно, как вы будете контролировать, какое из приглашений вы получите, но, вероятно, стоит обсудить это на crbug.