如何测试移动Chrome的“保存到主屏幕”提示

Question

我正在复活我的an old project，以此来学习一些新东西。

我正在做this code lab from IO 将您的网络应用添加到用户的主屏幕。

除了连接手机和等待很多外，还有什么方法可以测试用户是否会在下方显示提示？

我用Lighthouse进行了测试，所有测试都恢复了绿色，但我从未见过提示。目前感觉非常随机。

This question的答案让我们看到了这个问题：

  

用户在两周的两天内两次访问了您的网站

这是否意味着我需要在两次更改之间等待2天才能看到它是否有效？

Answer 1

  

启用chrome：// flags /＃bypass-app-banner-engagement-checks，只要您拥有清单（正确配置）并且使用HTTPS并拥有服务工作者，您就会看到横幅。

Increasing Engagement with Web App Install Banners

Answer 2

anshulix已正确回答了这个问题，但我认为我会提出更详细的答案。

要删除保存到主屏幕提示符的等待和其他要求，则需要启用标记。

  

启用chrome：// flags /＃bypass-app-banner-engagement-checks，只要您拥有清单（正确配置）并且使用HTTPS并拥有服务工作者，您就会看到横幅。

来自Increasing Engagement with Web App Install Banners

请务必记住，您要在移动浏览器上设置此标记，而不是在桌面浏览器上设置此标记。出于某种原因，这种情况并没有发生一段时间！

您还需要重新启动移动Chrome才能使该标志生效。如果您的选项卡与其他应用程序混在一起，这可能会非常棘手，因为您需要搜索所有选项卡并关闭它们。 （或者找一个更好的方法来关闭Chrome。）

我发现在Chrome Dev中进行调试要容易得多，而不是常规的chrome，因为a）我知道它有最新的修补程序，而且b）因为我只有1个标签打开，所以很容易重启浏览器。

如果您正在进行远程检查，则有关于控制台中出现的消息的an issue。在Chrome 50中，您可以获得：

  

未显示应用横幅：无法确定要使用的最佳图标

这似乎不是真的;在更近期的版本中 - 例如移动Chrome 52- 保存到桌面工作得很好。这是一个令人不安但无用的错误。

作为奖励有用的东西，realfavicongenerator可以很好地生成您需要的所有图标和清单文件。