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 安装提示中显示来自网络应用清单的更多字段。
例如,如果您使用 Twitter,当用户尝试获取 App 时,intall 对话框可以显示发布者名称、类别和描述以及屏幕截图。
PWA 开发人员需要做的就是将屏幕截图和描述成员添加到清单中。
为了让您了解当前和新 PWA 安装对话框之间的区别,我们在下面附上了当前安装模型。
在桌面版 Chrome 中为 PWA 启用新的详细安装对话框
- 如果已经打开,请关闭 Chrome 浏览器,右键单击其桌面快捷方式
- 选择属性
- 在目标字段中,在 chrome.exe 之后“留出空间并添加以下命令行标志。
--enable-features=DesktopPWAsDetailedInstallDialog
使用快捷方式启动 Chrome。
- 访问任何 PWA 网站,例如 Twitter,
- 点击地址栏中的安装图标,您会在安装提示中看到关于该应用程序的更详细说明。图像轮播跟随下一个变更日志。
到目前为止,安装提示并未在轮播视图中完全展示图像,而是显示描述,您可以查看我们上面显示的 Twitter 屏幕截图。
即将推出的 CL 预计将显示“在图像轮播视图中显示屏幕截图,并在图像视图顶部显示左右控制按钮”。
截至目前,该功能可以在 Chrome 105 canary 上进行测试。
原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun176783.html