添加到主屏幕
添加到主屏幕(安装提示),使用户可以轻松地在其移动或台式设备上安装PWA。 用户接受提示后,您的PWA将被添加到他们的启动器中,并且它将像任何其他已安装的应用程序一样运行。
在这个项目中,我将显示一个自定义按钮,用户可以单击该按钮并将网站/ webapp添加到用户的主屏幕。 为了显示“添加到主屏幕”对话框,您需要:
监听beforeinstallprompt事件
通知用户您的应用程序可以通过按钮或其他元素进行安装,这将生成用户手势事件。
通过在保存的beforeinstallprompt事件上调用hint()来显示提示。
我们还可以通过媒体查询@media all和(显示模式:独立){/自定义样式,如果pwa是打开的窗体主屏幕图标/按钮{background:#ddd;}}检查用户是否打开了PWA窗体的主屏幕图标。
::经过大量的努力和无数的网站争夺,我已经成功地编
2022-04-28 23:13:34
13KB
HTML
1