每周平台新闻:WebAPK 限于 Chrome,可辨识焦点矩形,模态窗口 API

Avatar of Šime Vidas
Šime Vidas

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

本周综述:“添加到主屏幕”在 Android、Chrome 和 Edge 中含义不同,Chrome 和 Edge 为表单输入的焦点矩形添加了一些视觉效果,以及第三方网站如何可能出现在您附近的模态窗口中。

让我们了解一下新闻。

WebAPKs 在 Android 上不适用于 Firefox

在 Android 上,Chrome 和 Firefox 都有一个“添加到主屏幕”选项,但 Firefox 只是将 Web 应用的快捷方式添加到用户的家屏幕,而 Chrome 实际上通过 PWA 安装标准 通过 WebAPK 安装 Web 应用(只要它满足条件)。

以这种方式安装的渐进式 Web 应用会添加到设备的应用抽屉中,并且在 PWA 范围内(在其清单中指定)的 URL 会在 PWA 中而不是在默认浏览器中打开。

Mozilla 正在实施与 PWA 相关的功能的 Tiger Oakes 解释了为什么 Firefox 无法在 Android 上安装 PWA:“WebAPK 对我们不可用,因为我们不像 Google Play 和 Galaxy Apps 那样拥有应用商店。”

(来自 Tiger Oakes)

Chrome 和 Edge 将推出更易访问的焦点矩形

Microsoft 和 Google 已对各种表单控件进行了辅助功能改进。 两项主要更改是时间和日期输入上的更大触摸目标,以及现在在任何背景下都易于辨识的重新设计的焦点矩形。

更新后的表单控件可在 Edge 的预览版本中使用。 Mac 用户可能需要在 about:flags 页面上手动启用“Web 平台 Fluent 控件”标志。

(来自 Microsoft Edge Dev)

用于在模态窗口中加载第三方的最新提议 API

提议的模态窗口 API 将允许网站在模态窗口(在顶级浏览上下文中)中加载另一个网站,用于身份验证、支付、共享、访问第三方服务等。

一次仅允许一个模态窗口,并且两个网站可以通过消息事件(postMessage 方法)相互通信。

API 旨在作为现有方法的更好替代方案,例如弹出窗口(可能对用户造成混淆并被浏览器阻止)和重定向(会导致原始上下文被拆除并重新创建,或者在第三方服务出错时完全丢失)。

(来自 Adrian Hope-Bailie)

更多新闻…

在我的每周 周日版 中阅读更多新闻,每周一早上通过电子邮件发送给您。

更多新闻 →