在非 PWA 网络应用程序中弹出“添加到主屏幕”

Question

Is it possible to have a pop up for "Add to home Screen" in a web app that is not a PWA app.? If yes then how to go about it. I tried some solutions from the below link in stackoverflow but it seems it only works via the browser option "Add to home screen" and is not triggering a Pop Up.

Answer 1

Quoted from MDN.

How do you make an app A2HS-ready? To enable your app to be added to a Home screen, it needs the following:

• To be served over HTTPs — the web is increasingly being moved in a more secure direction, and many modern web technologies (A2HS included) will work only on secure contexts.
• To have a manifest file with the correct fields filled in, linked from the HTML head.
• To have an appropriate icon available for displaying on the Home screen.
• Chrome additionally requires the app to have a service worker registered (eg, so it can function when offline).

PWA

In order to call a Web App a PWA, technically speaking it should have the following features:

• Secure contexts (HTTPS)
• Service workers
• Manifest file

As we can clearly tell from the above quotes, Add To Home Screen feature only differentiates in one way from a PWA, Service Workers . In Chrome though, you also need a service worker to enable A2HS. Since Chrome is the most popular browser and most of the other browsers are also based on Chromium, it is safe to say that the A2HS feature is only available for PWAs to most of the users.

See:

• PWAs
• Add to home screen