从主屏幕上删除图标后，如何将渐进式Web应用程序的横幅带回主页？ [英] How to bring back "Add to home" banner for progressive web app after removed the icon from home screen?

问题描述

原因-我创建了一个Progressive web app，在浏览器中打开-一切正常，浏览器让我将其添加到主屏幕。

现在，我想在演示文稿上演示这一点，因此-从主屏幕上删除了图标。但在过去的一天里，我一直在玩Chrome版的网站，横幅再也没有回来过。

这真的是千载难逢的事情吗？或者我有什么特别需要做的吗？

推荐答案

应用程序安装横幅提示通常在您访问该站点至少两次且每次访问间隔至少5分钟后显示。使用Chrome标志，您可以绕过这些检查，以便每次访问时都会显示横幅：

1. 打开Android Chrome。
2. 转到chrome://flags/#bypass-app-banner-engagement-checks
3. 单击启用
4. 单击立即重新启动

您也可以simulate an Add To Homescreen event从Chrome DevTools：

1. 在手机上打开Android Chrome，然后导航到PWA(例如，https://paperplanes.world中的Paper Planes应用程序)。
2. 使用USB数据线连接到您的Android。
3. 从桌面Chrome DevTools中，选择菜单更多工具>远程设备。ORShiftP(或CMDShiftP)，然后输入"远程设备"。
4. 按名称选择您的电话。
5. 单击与您的PWA对应的列表项旁边的检查按钮(例如纸板)。
6. 在PWA的新DevTools弹出窗口中，转到应用程序面板，然后单击添加到主屏幕。这应该会导致应用程序安装横幅出现在Android Chrome中。注意：横幅不会出现在Chrome DevTools屏幕镜像中。

(在MacOS Sierra和Android Chrome 57上验证上述步骤)

这篇关于从主屏幕上删除图标后，如何将渐进式Web应用程序的横幅带回主页？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！