Мой случай немного странный по сравнению с остальными обычными проблемами установки PWA. Я проверял свой код с помощью LightHouse, и он выдал зеленый цвет, хотя я не вижу опции
«Пользователю может быть предложено установить веб-приложение».
Я написал некоторый код в React для своего настраиваемого приглашения для приложений PWA. и это выглядит так
В приложении. js файл в методе componentDidMount
</p>
<p>componentDidMount(){</p>
<pre><code>window.addEventListener('beforeinstallprompt',e =>{
// For older browsers
e.preventDefault();
console.log("Install Prompt fired");
this.installPrompt = e;
// See if the app is already installed, in that case, do nothing
if((window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) || window.navigator.standalone === true){
return false;
}
// Set the state variable to make button visible
this.setState({
isModalOpen:true
})
})
}
С состоянием isModalOpen Я могу показать пользовательскую подсказку пользователю в обычном браузере рабочего стола. Но когда я запускаю ту же самую вещь через мобильный браузер, эта команда установки не запускается. Я пробовал в
Браузер Safari в iOS Chrome Браузер в iOS
Chrome Браузер в Android
Может кто-нибудь подсказать мне, что Я могу пропустить. Или, если кто-то сталкивался с такими проблемами