Я могу получить всплывающее окно «Добавить на главный экран» на своем веб-сайте example.com, но когда я открываю свой сайт с помощью www.example.com, я снова получаю всплывающее окно и, нажимая кнопку «Добавить», снова добавляет wpa на главном экране.

Как я могу предотвратить это, так как бесполезно иметь две иконки wpa на одном сайте?

0
Abhimanyu Sharma 20 Май 2019 в 21:09

2 ответа

Лучший ответ

Вы можете добавить код JavaScript для удаления следующего тега всякий раз, когда пользователь посещает сайт www.

<link rel="manifest" href="/manifest.json">

Примере:

if (window.location.host.startsWith('www.') {
    const manifestLink = document.querySelector("link[rel='manifest']")
    manifestLink.parentNode.removeChild(manifestLink)
}
-1
mattemyo 20 Май 2019 в 19:35

Самый простой вариант - просто перенаправить www-вызовы на не-www-вызовы. Таким образом, пользователи никогда не остаются в этом другом поддомене.

Если по какой-то причине вы не можете этого сделать, при установке PWA вы можете сохранить файл cookie для нескольких поддоменов, просто чтобы установить «флаг», что пользователь установил PWA. Затем в своем коде вы прослушиваете событие beforeinstallprompt и не запрашиваете установку, если cookie существует.

3
Erndob 20 Май 2019 в 19:13