Prevent PWA from being installed

Question

Is there any way to configure my manifest.json to disable the browser popup asking to "install" the site? I'm using the following JavaScript code to prevent it:

window.addEventListener('beforeinstallprompt', function(e) {
    e.preventDefault();
    return false;
});

But I need to prevent it also on the AMP version, and I can't run JavaScript code there.

Why do you link to a manifest from your AMPs if you don't want to support add to homescreen? — Sebastian Benz, Jan 18 '17 at 15:15
It's just a business page, I don't want to disturb users with that — Spike886, Jan 26 '17 at 23:34

tony19 · Answer 1 · 2020-10-11T21:05:44.753

8

Currently, there doesn't appear to be an explicit setting to disable app install.

One workaround is to edit manifest.json so that it doesn't meet the required criteria for app install banner, such as removing short_name or icons declarations.

edited Oct 11 '20 at 21:05

answered Jan 18 '17 at 05:20

tony19

125,647
18
229
307

It's a very clever idea, but isn't any other alternative? – Spike886 Jan 18 '17 at 05:45
There doesn't appear to be an explicit setting to disable app install, so I don't think there's another option. It doesn't sound like you're even using the `short_name` or `icon` if you don't want the app installation. – tony19 Jan 18 '17 at 05:49

score 4 · Answer 2 · answered Apr 23 '21 at 16:14

4

You can do:

window.addEventListener('beforeinstallprompt', (event) => {
  event.preventDefault()
})

Another workaround would be to set the display: 'browser' option in the site.webmanifest.

answered Apr 23 '21 at 16:14

Maurici Abad

1,012
9
20

score 0 · Answer 3 · answered Nov 18 '21 at 13:11

0

Instead of editing my manifest.json file, I tried removing the link to it from within my index.html. I deleted the line:

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

This seemed to work fine in my case.

answered Nov 18 '21 at 13:11

CKP78

630
8
19

Prevent PWA from being installed

3 Answers3