Android 上的新 PWA 安装界面

从 Chrome 90 开始,Discourse 管理员可以在 PWA 安装底部面板中添加截图。

您需要截取几个有趣页面的截图,将它们上传到某个主题中,然后在 /admin/site_settings/category/branding?filter=manifest screenshots 处填写相关信息。

关于截图,Chrome 文档 规定了以下要求:

  • 宽度和高度必须至少为 320 像素,且最多为 3840 像素。
  • 最大尺寸不得超过最小尺寸的两倍。
  • 所有截图必须具有相同的宽高比。
  • 仅支持 JPEG 和 PNG 图像格式。

填写设置后,效果如下所示:

如果您的网站启用了“需要登录”,请注意截图是公开的。

37 个赞

如何填写截图的设置?似乎只有一个文本字段,没有提示上传图片。

1 个赞

你需要将截图上传到某个话题,随后复制该话题的 URL,并将其填入站点设置中。

6 个赞

我已在清单的截图中添加了几个截图链接以测试这些功能,但对我来说无法正常工作。我尝试了 Chrome v90.0.4430 和 Chrome Canary 91.0.4446。该功能是否已准备好实施,还是我们需要等待?

您需要在 Chrome Canary 中启用一个标志来测试它:

chrome://flags/#mobile-pwa-install-use-bottom-sheet

1 个赞

在 Chrome Canary 中,元数据功能正常,但我的网站却不行。我已上传了图片,并在清单文件的截图中添加了链接。请问我是否遗漏了什么?

1 个赞

你能把网站链接发到这里吗?我可以帮你看看!

1 个赞

谢谢,英国有一位模组开发者会查看……

禁用 PWA 的想法并非要将其移除,而是希望在我们有更多时间时,探讨如何将其整合进我们的方案,使其符合我们的理念——或许不是以弹窗形式,而是为希望尝试的用户提供一个链接。

并没有弹窗。

Discourse 中针对 Android 用户的 PWA 安装提示是一个位于顶部横幅中的链接,仅对参与度达到一定水平的用户显示。

上文提到的新截图仅在用户点击我们多年来一直使用的提示后才会显示。

5 个赞

谢谢,我很感激,会立刻查看。

谢了兄弟,

这是我的网站:engineersasylum.com

1 个赞

您的截图尺寸为 1080x2246,不符合以下规则:

5 个赞

谢了兄弟,现在一切都好了。

1 个赞

这现已在部分用户的 Android Chrome 上上线,因为 Google 正在分阶段推出:

8 个赞

迫不及待想看看它在桌面版 Discourse 上的表现如何!:grinning:
https://mspoweruser.com/google-is-working-on-a-more-lavish-pwa-installation-ui/

5 个赞