Можно ли вызвать окно установки PWA?

Question

[Владислав]

Здравствуйте.
Можно ли как-то самостоятельно вызвать такие приглашения к установке приложения по кнопке?

Answer 1

[Владислав]

Оказывается, можно. После запуска service worker:

window.addEventListener('beforeinstallprompt', event => {
	event.preventDefault();
	if (/Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
		//alert('Android');
		//Запуск установки по кнопке:
		var buttonAnd = document.querySelector('.android-btn');
		buttonAnd.addEventListener('click', () => {
			event.prompt();
		});
	}
});

Вот код для показа такой плашки на андроиде:

По клику по кнопке ".android-btn" будет появляться плашка с приглашением.

Comments

[Алексей Уколов]

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

[Владислав]

Алексей Уколов, уже смог. Просто кнопка на сайте, нажимая которую открывается приглашение на установку. Запуск service worker'a и такой вот код. На андроиде работает.

[Алексей Уколов]

Это работает на телефоне, который не связан с вашим аккаунтом и с которого никогда на этот сайт не заходили?

[Владислав]

С аккаунтом точно не связан, Но люди тестировали на своих телефонах и всё работает.

Answer 2

[Алексей Уколов]

Нет, этого сознательно не делали, чтобы ещё и этим сайты не спамили. Оно показывается автоматически по поведенческим триггерам.