Chrome sees your app as a PWA (Progressive Web App), which can be installed locally. The "Add to home screen" option is probably disabled because Chrome assumes that a PWA is more likely to be installed than to just be referenced to.
I don't think there is any direct way to prevent Chrome from seeing your app as a PWA, other than modifying the manifest.json file to not include some of the requirements Chrome has for PWA's (https://web.dev/articles/install-criteria#criteria)
I've recently done a factory reset of my phone (OnePlus Nord 3) and now when I select the "add to home screen" option on chrome, a message pops up saying it's been successfully added to the home screen, but it hasn't. This never used to happen. Does anyone have a fix?
Videos
Chrome sees your app as a PWA (Progressive Web App), which can be installed locally. The "Add to home screen" option is probably disabled because Chrome assumes that a PWA is more likely to be installed than to just be referenced to.
I don't think there is any direct way to prevent Chrome from seeing your app as a PWA, other than modifying the manifest.json file to not include some of the requirements Chrome has for PWA's (https://web.dev/articles/install-criteria#criteria)
Same here, sometimes not all , I had it happen just this morning , so I copied the url to clipboard then texted it to myself and when I clicked the link and page opened, this time add to homescreen was there , Don't know why but it worked
It's about chrome on android. The point is i want to create homescreen widget to go to website, but for some sites this option is hidden, and instead of it there is "install app", which i definitely don't want to do. And i can't find any solution to this. Wanna help, please help me :3
The Google documentation screenshots are obsolete, Chrome does not have anymore the "Add to Home Screen" link in the Manifest tab of Dev Tools.
The current way to install manually a PWA is using the "+" icon in the address bar (available if the web site meets the add to home screen criteria) or using Chrome menu (three dots on the right) and selecting "Install AppName", where AppName is the web site name.
Below a screenshot with these two options (for DEV Community portal):
If you are interested in learning more about PWAs, I wrote a series of articles about them, starting from theory to concrete use cases (caching strategies with service workers, etc.).
I just spent a couple of hours looking for answers to the same question. For whatever reason I don't see it either. But I noticed that for installable PWA apps in Chrome, there is a "+" icon on the right side of the address bar, next to the Favorites "star" icon.