桌面版 Chrome 带来详细的 PWA 安装教程

Android 上的Chrome Progressive Web Apps 收到了一个用于丰富安装的底部表单 UI 。我们还报告桌面上的Chrome PWA也将获得一个带有屏幕截图和描述的安装对话框。谷歌已经对 Chrome 浏览器进行了必要的更改,以便在用户单击地址栏中的安装图标时显示丰富的 UI。以下是在桌面上启用和体验 PWA 新安装对话框的方法。

Chrome 和新的 Micorsoft Edge 支持 PWA。

不幸的是,Mozilla 没有,尽管您仍然可以在桌面上的 Firefox 中安装 PWA。

到目前为止,通过 Chrome 和 Edge 安装的 PWA 可以配置为在用户登录时自动启动,并且最近谷歌使Chrome PWA 可以从Windows 11/10的控制面板或设置应用程序中卸载

某些受支持的 PWA 还可以在 Windows 的任务栏上启用 Jumplists。现在将在桌面上的 Chrome 中向用户显示一个更好的安装对话框。

根据您尝试安装的应用,Chrome 可能会在 PWA 安装提示中显示来自网络应用清单的更多字段。

enable-new-PWA-install-dialog-Chrome-desktop-1-1

例如,如果您使用 Twitter,当用户尝试获取 App 时,intall 对话框可以显示发布者名称、类别和描述以及屏幕截图。

PWA 开发人员需要做的就是将屏幕截图和描述成员添加到清单中。

为了让您了解当前和新 PWA 安装对话框之间的区别,我们在下面附上了当前安装模型。

present-PWA-install-dialog-1

在桌面版 Chrome 中为 PWA 启用新的详细安装对话框

  1. 如果已经打开,请关闭 Chrome 浏览器,右键单击其桌面快捷方式
  2. 选择属性
  3. 目标字段中,在 chrome.exe 之后“留出空间并添加以下命令行标志。
    --enable-features=DesktopPWAsDetailedInstallDialog
    DesktopPWAsDetailedInstallDialog-command-line-flag-Chrome-1
  4. 使用快捷方式启动 Chrome。
  5. 访问任何 PWA 网站,例如 Twitter,
  6. 点击地址栏中的安装图标,您会在安装提示中看到关于该应用程序的更详细说明。图像轮播跟随下一个变更日志。

到目前为止,安装提示并未在轮播视图中完全展示图像,而是显示描述,您可以查看我们上面显示的 Twitter 屏幕截图。

即将推出的 CL 预计将显示“在图像轮播视图中显示屏幕截图,并在图像视图顶部显示左右控制按钮”。
截至目前,该功能可以在 Chrome 105 canary 上进行测试。

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun176783.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2022年7月15日
下一篇 2022年7月16日

相关推荐