search

khusika / FeelIt

A clean, elegant but advanced blog theme for Hugo
https://feelit.khusika.dev
MIT License
167 stars 63 forks source link

[FEATURE] PWA Install button #70

Closed ghost closed 3 years ago

ghost commented 3 years ago

In many instances, browsers do not even give any prompt to the user that the current site is PWA and they have the option to install it. I suggest adding an install button to the menu (visible at all different screen sizes) that allows the users to install PWA and when it's installed to confirm that. For example, click "Install App", after installation has been confirmed, the button resizes to a check mark with tooltip "App is successfully installed". image image

Method: https://javascript.plainenglish.io/creating-a-browser-agnostic-pwa-install-button-41039f312fbe

It could be cool if the button's text (and appearance) can then be customized in config file. Depending on the site's use case and audience, the install button's text might need to say something other than install.

khusika commented 3 years ago

Creating a standalone pwa-install-button looks redundant to me. As far as I know current browsers (Chrome, Firefox, Edge) have the ability to install and detect which web has PWA support Screenshot from 2021-09-19 18-42-11 .

ghost commented 3 years ago

Creating a standalone pwa-install-button looks redundant to me. As far as I know current browsers (Chrome, Firefox, Edge) have the ability to install and detect which web has PWA support Screenshot from 2021-09-19 18-42-11 .

In my testing, certain configurations of browsers do not actually prompt the user, or have the install button tucked away behind menus. Most people don't even know what PWA is or that websites can be installed, so I figure having PWA functionality is wasted without making sure the user is aware of the functionality. Even on my own Firefox v93 configured for privacy, I get no download prompt whatsoever, and on Chromium Edge there's no popup, but there is an install button in the address bar if you're looking for it and know about it. I don't think casual users will know to look for those things unless their browsers are setup in such a way that they do happen to get a popup (but even then, if they dismiss it, I don't know if they know how to get it back).

khusika commented 3 years ago

Creating a standalone pwa-install-button looks redundant to me. As far as I know current browsers (Chrome, Firefox, Edge) have the ability to install and detect which web has PWA support.

Closed as of the first statement