从主屏幕删除图标后,如何恢复渐进式网络应用程序的“添加到主屏幕”横幅?

2024-01-03

原因 - 我做了一个Progressive web app,在浏览器中打开 - 一切都很好,浏览器让我将其添加到主屏幕。

现在,我想在演示文稿中演示这一点,因此 - 从主屏幕上删除了该图标。但在过去一整天里,我一直在 chrome 中浏览该网站,但横幅再也没有出现。

这真的是一生一次的事情吗?或者我需要做一些具体的事情吗?


应用程序安装横幅提示通常会在您访问该网站至少两次且每次访问间隔至少 5 分钟后出现。使用 Chrome 标志,您可以绕过这些检查,以便横幅始终出现在每次访问时:

  1. 打开 Android Chrome。
  2. Go to chrome://flags/#bypass-app-banner-engagement-checks
  3. Click Enable
  4. Click 现在重启

你也可以模拟一个添加到主屏幕 event https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps#add-to-homescreen来自 Chrome 开发者工具:

  1. 在手机上打开 Android Chrome,然后导航到 PWA(例如纸飞机应用程序来自https://paperplanes.world https://paperplanes.world).
  2. 使用 USB 线连接到您的 Android 设备。
  3. From desktop Chrome DevTools, select Menu > More Tools > Remote Devices. OR CTRLSHIFTP (or CMDSHIFTP for macOS), and enter "Remote devices".
  4. 按名称选择您的手机。
  5. 点击Inspect与您的 PWA 对应的列表项旁边的按钮(例如,纸飞机).
  6. 在 PWA 的新 DevTools 弹出窗口中,转到应用面板,然后单击添加到主屏幕。这应该会导致应用程序安装横幅出现在 Android Chrome 中。请注意,横幅不会出现在 Chrome DevTools 屏幕镜像中。

(上述步骤已在 macOS Sierra 上的 Chrome 55 和 Android Chrome 57 上进行验证)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从主屏幕删除图标后,如何恢复渐进式网络应用程序的“添加到主屏幕”横幅? 的相关文章

随机推荐