Stack Overflow
Stack Overflow

Questions tagged [beforeinstallprompt]

21 questions
6
votes
1 answer

`beforeinstallprompt` event is firing even after the app is installed

I'm showing a custom PWA install popup to the user using beforeinstallprompt event before showing the native install popup. For some of our users, who already installed the PWA to their desktop, are getting the custom popup again. The only way for…
Asim K T
  • 16,864
  • 10
  • 77
  • 99
3
votes
2 answers

PWA app beforeInstallPrompt not firing in mobile browser but working in normal desktop browser

My case is a bit weird from the rest of the normal PWA installation problems. I audited my code using LightHouse and it gave everything green though I am not able to see the option "User Can Be Prompted To Install The Web App". I have written some…
user1295308
  • 425
  • 7
  • 20
2
votes
1 answer

how to test beforeinstallprompt event on desktop to check it's working

I have integrated PWA features in react web app and beforeinstallprompt event gets triggered in production app when opened in mobile. I want to trigger this event on desktop development environment. Is there a way to achieve that. I referred…
Always_a_learner
  • 4,585
  • 13
  • 63
  • 112
2
votes
3 answers

Add to Home Screen not prompt after Beforeinstallprompt event fired

Add to home screen not prompt even after its meets all PWA specification and checked by on Light House. I have tried below code to check whether app already installed or not. but appinstalled Event not getting triggered and beforeinstallprompt Event…
Balaji Kamalanathan
  • 41
  • 5
2
votes
0 answers

How to code the install prompt for my pwa

I am having trouble to get the install prompt to load and ask the user to add to home screen I do not not understand where to add the code to what file. I am running a wordpress site. I have an manifest as well as the service worker but I cant get…
user11772842
1
vote
1 answer

How reset user's engagement heuristics to test beforeinstallprompt?

We know that the beforeinstallprompt event is fired when the PWA meets the installability criteria. Two of them are: - The user needs to have clicked or tapped on the page at least once (at any time, even during a previous page load) - The user…
Cris
  • 11
  • 1
1
vote
1 answer

Instagram in-app browser does not support add to home screen feature for pwa

https://caniuse.com/web-app-manifest https://developer.mozilla.org/en-US/docs/Web/API/BeforeInstallPromptEvent Here it says, android webview supports add to home screen. Even then in instagram's in-app browser it doesn't work. Even the custom…
PCK
  • 1,254
  • 6
  • 20
  • 37
1
vote
1 answer

How can i use "beforeinstallprompt" for in-app browser

I need to make it possible to install a PWA from the in-app Instagram browser, Android only. I understand that the in-app browser uses a standard browser The documentation says that AndroidWebview is supported, but in practice it doesn't work for…
Vlad Orlov
  • 21
  • 1
1
vote
1 answer

beforeinstallprompt not firing in iOS

Website Url: [redacted] Prompt works in Samsung Internet, Windows Desktop Chrome, Android Chrome Prompt does NOT work in Safari or Chrome for iOS Lighthouse tests pass (ignore the start_url error, whether or not I fix that has no effect. I've…
applejacks01
  • 249
  • 1
  • 18
1
vote
0 answers

beforeinstallprompt event is not caught second time user enters the page

I am coding a PWA and also using state management. The problem I'm facing is that the first time the user access the page, I am able to store the beforeinstallprompt event and display my customized install button. The problem is, if the user ignores…
Estevao Santiago
  • 793
  • 2
  • 7
  • 30
0
votes
1 answer

BeforeInstallPromptEvent inside of built-in instagram web browser

I'm trying to display a PWA install prompt inside of all android browsers, right now I am using the BeforeInstallPromptEvent and it works most of the time but on the instragram built-in browser (for example when you open a link from a profile bio)…
Eolo
  • 69
  • 1
  • 7
0
votes
0 answers

Reactive PWA and beforeinstallprompt Event

The following code snippet works as expected. It creates a button at the top of the page labelled Install when the beforeinstallprompt Event fires. Is this the "best" way to do this? Capture the event in a promise and then use its resolved method…
Fernando Sanchez
  • 69
  • 5
0
votes
1 answer

beforeinstallprompt PWA not firing on mobile Android

The PWA we're starting to maintain doesn't seem to fire its beforeinstallprompt event at all when opened on mobile. It works on desktop , even in 'mobile mode' and it works in Safari/iOS (at least as far as they support it). Everything seems fine,…
Temojikato
  • 1
  • 2
0
votes
0 answers

i can't assign an event to a variable in javascript with vue3

i'm trying to make the button to promote pwa download, but i can't assign the variable to the event in the 'beforeinstallprompt' listener. when I assign it and print the variable it works, but when I go to execute the .prompt () function; it doesn't…
ronchitom
  • 1
  • 1
0
votes
0 answers

unininstall PWA Manually

The following code can be used to install the program in the PWA: var fab = document.querySelector('#fab'); var deferredPrompt; fab.addEventListener('click', function () { if (deferredPrompt) { …
jason
  • 11
  • 2
1
2