如何添加该网页到手机桌面，一键快捷访问

Question

想在访问官网的时候向用户推荐
如图

这个提示是怎么做的呢？
就是这个添加网页到手机桌面快捷方式的提示，如何监测手机上没有这个网站快捷方式来显示，并且点击后创建的呢？
麻烦大家教教我，谢谢

试用add-to-homescreen
安卓机多个浏览器打开网页无反应
iphone safria打开网页后底部有提示，但是提示仅仅只是提示，无法点击这个弹窗创建快捷方式，还是要手动添加

Answer 1

你大概是要这个库
拿走不谢
add-to-homescreen

Answer 2

目前看前端中没有实现添加到桌面的方案，截图中提示可能是因为百度安卓端本身提供的功能，ios端浏览器或者百度app中只能手动添加到桌面，没有添加到桌面的权限，微信小程序在安卓端就可以添加到桌面。到了ios中同样没法添加到桌面，所以应该属于是app来实现添加到桌面。

访问地址：https://cn.vuejs.org/

可能有关的概念是PWA，让网页离线化。

Answer 3

「是怎么做的呢」并不是一个明确的问题
我可以回答你「是 html + js + css 做的」
也可以回答你「div fixed 底部半透明背景」
也可以回答你 manifest.json 的相关配置