【问题标题】:How to test mobile chrome's "save to homescreen" prompt如何测试移动 chrome 的“保存到主屏幕”提示
【发布时间】:2016-05-29 03:34:45
【问题描述】:

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

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

有没有什么办法,除了连接手机等很久,可以测试用户是否会看到下面的提示吗?

我已经用Lighthouse 对其进行了测试,所有测试都返回绿色,但我从未见过提示。目前感觉很随意。

This question 的答案让我们看到了这场斗争:

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

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

【问题讨论】:

    标签: html google-chrome web-applications service-worker


    【解决方案1】:

    启用 chrome://flags/#bypass-app-banner-engagement-checks,只要您有清单(配置正确)并且使用 HTTPS 并且有服务工作者,您就会看到横幅。

    Increasing Engagement with Web App Install Banners

    【讨论】:

      【解决方案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 在生成您需要的所有图标和清单文件方面做得非常出色。

      【讨论】:

      • 很好解释:)
      猜你喜欢
      • 2021-01-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-26
      • 1970-01-01
      • 2023-02-07
      • 1970-01-01
      相关资源
      最近更新 更多