如何带回＆＃34;加入家居＆＃34;从主屏幕删除图标后，渐进式网页应用程序的横幅？

Question

原因 - 我在浏览器中打开了Progressive web app - 一切都很好，浏览器让我把它添加到主屏幕。

现在，我想在演示文稿中演示这一点，所以 - 从主屏幕中删除了图标。但是在最后一整天，我一直在使用镀铬网站，并且横幅永远不会出现。

它真的是千载难逢的事吗？或者我需要做些具体的事情吗？

Answer 1

app-install横幅提示通常在您访问该网站至少两次后，每次访问至少5分钟后显示。使用Chrome标记，您可以绕过这些检查，以便每次访问时都会显示横幅：

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

您还可以从Chrome DevTools {/ 3>} simulate an Add To Homescreen event

1. 在手机上打开Android Chrome，然后导航至PWA（例如https://paperplanes.world中的 Paper Planes 应用）。
2. 使用USB线连接到您的Android。
3. 从桌面Chrome DevTools中，选择 菜单＆gt; 更多工具＆gt;远程设备。 OR CTRL SHIFT P （或 CMD SHIFT P 表示macOS），并输入＆＃34;远程设备＆＃34;。
4. 按名称选择您的手机。
5. 点击与您的PWA对应的列表项旁边的检查按钮（例如，纸飞机）。
6. 在PWA的新DevTools弹出式窗口中，转到应用程序面板，然后单击添加到主屏幕。这会导致应用安装横幅显示在Android Chrome中。请注意，横幅广告不会出现在Chrome DevTools屏幕镜像中。

（以上步骤通过macOS Sierra和Android Chrome 57上的Chrome 55验证）

Answer 2

我找到了另一个解决方案 - 当我转到chrome mobile设置并选择History - ＆gt; Clear browsing data（确保勾选了清除Cookies的选项）然后点击Clear Data按钮 - 之后我再次点击app install banner将应用添加到主屏幕

显然 - 它不仅清除数据本身，还使浏览器forget关于此网站的一切。

（奇怪的是 - 旧图标不会消失......所以现在我在主屏幕上有几个图标：D ......）