Chrome 为 PWA 应用添加彩色标题栏

在 Edge 之后,现在谷歌的 Chrome 浏览器已为 PWA 添加了彩色标题栏。

我们已经听说了微软计划让 PWA 应用更为原生,并在 Windows 上启动时运行。最近,Edge 团队已经开始根据网站的颜色自动为 PWA 的标题栏创建主题,现在 Google 也加入了这一行列,将其应用到 Chrome 的 PWA 窗口标签条上。

Chrome为PWA应用添加彩色标题栏

如果 Chrome 浏览器检测到您正在访问的网站为 Web 应用程序,则可以通过单击显示的图标从地址栏安装该应用程序。Chrome 和 Chromium Edge 浏览器已经允许您在各自的应用程序中打开 PWA 链接,最近 Chromium 团队已经开始测试这两个标志背后的两个新功能:minimal UI 和 tab strips。

具有相同名称的标志后面提供了 “ Desktop PWA support minimum-UI ” 功能,通过后退和前进按钮显示较少的 UI,以实现更好的导航。当其他 “台式机 PWA 标签条” 为 PWA 提供标签条时,现在 Google 对此进行了更多添加:Chrome 现在会检测应用程序网站的颜色,并基于该颜色自动为其标签主题化。

Chromium 团队进行的最新提交带来了此更改,并且在 Chromium 中已安装的 PWA 中已经可以看到,如果启用 “ Desktop PWA Tab Strips” 标志,则可以在下一个 Canary 更新中显示并运行。

” 使用主题颜色为 PWA 窗口选项卡条着色。此 CL 更新 BrowserFrame:GettThemepevoider()以返回用于 PWA 窗口的专用 UI :: Themeprovider。ThemeProvider 使用页面的主题颜色来确定窗口的整体配色方案。”

桌面PWA标签条标记

相关文章:

Chrome为PWA应用添加彩色标题栏
(0)
无忌的头像无忌

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注