Safari 技术预览版 143 的发布说明

2022 年 4 月 7 日

作者：Jon Davis

Safari 技术预览版 143 现已可供下载，适用于 macOS Big Sur 和 macOS Monterey。如果您已安装 Safari 技术预览版，可以在 macOS 的“系统偏好设置”中的“软件更新”面板进行更新。

此版本涵盖 WebKit 修订版本 290223-291506。这是 Safari 技术预览版支持 macOS Monterey 12.3 之前版本的最后一个版本。请更新到 macOS Monterey 12.3 或更高版本以继续使用 Safari 技术预览版。

注意：此版本中标签页组不同步。

网页检查器

  • 元素选项卡
    • 在详细信息侧边栏的布局面板中添加了选项，用于 Flexbox 叠加层，以显示每个项目的 CSS order 和/或父弹性容器中的 DOM 索引 (r290613)
  • 服务工作线程在被检查时不再终止。(r291467)

CSS 容器查询

  • 增加了对嵌套容器查询的支持 (r290257)
  • 增加了对容器单位的基本支持 (r291474)
  • 更改为仅在允许时应用行内尺寸包含 (r291154)
  • 确保容器样式更改传播到后代元素 (r291500)
  • 修复了 getComputedStyle 以更新无效查询容器的样式 (r290320)
  • 修复了 offsetWidth、offsetHeight 等以更新容器查询的布局 (r290380)
  • 实现了新的容器选择算法 (r291098)

CSS 级联层

  • 增加了对 @keyframes 中 revert 的支持 (r290457)
  • 增加了对 @keyframes 中 revert-layer 的支持 (r290729)
  • 修复了低优先级属性上的 revert (r291260)
  • 允许最低层中的 revert-layer 回滚到用户样式 (r290864)

子网格

  • 修复了仅在一个维度上进行子网格化处理的项目计算正确的包含块覆盖尺寸的问题 (r290577)
  • 在考虑额外边距时，将网格方向转换为相对于子网格 (r290576)
  • 处理了为子网格转换迭代器坐标时的反向流向 (r290572)
  • 修复了子网格项目始终被拉伸的问题 (r291464)
  • 修复了嵌套网格中 position: absolute 元素的定位问题 (r290674)

CSS

  • 将 text-decoration 实现为速记属性 (r290756, r291244)
  • 为 CSS overscroll-behavior 实现了逻辑属性 (r290422)
  • 修复了 background-clip: text 以与 display: flex 配合使用 (r291303)

JavaScript

  • 添加了 CalendarDateTime 解析 (r290248)
  • 修复了 ShadowRealm 解卷 (r290283)
  • 修复了 Temporal.PlainDate 以验证输入范围 (r290282)

渲染

  • 修复了图像 alt 文本的双向重新排序问题 (r290734)
  • 修复了从右到左上下文中 alt 文本的位置问题 (r290726)
  • 修复了 colgroup 在 tbody 之后时表格大小调整的问题 (r290512)
  • 修复了滚动条在非常长或宽时消失的问题 (r290545)
  • 在计算可用逻辑高度时处理了垂直包含块 (r290634)

Web 动画

  • 增加了对向 Element.animate() 传递可选时间轴的支持 (r290655)
  • 更改了在关键帧效果上设置 composite 属性以使目标样式失效 (r290741)
  • 修复了如果任何先前效果更改了该属性，inherit 值应触发关键帧重新计算的问题 (r290831)
  • 修复了设置为 inherit 的关键帧值在继承值更改时重新计算其值的问题 (r290823)
  • 修复了 fill 和 stroke 到或从 currentColor 的动画问题 (r290898)
  • 修复了 ::placeholder 不能作为关键帧效果目标的有效伪元素的问题 (r290662)
  • 修复了模态 <dialog> 元素和 ::backdrop 上的动画无法运行多次的问题 (r291282)
  • 修复了带有过渡的 outline-width 属性动画不正确的问题 (r290735)
  • 修复了 text-emphasis 速记属性可动画化的问题 (r290895)
  • 修复了 text-emphasis-color 以支持非离散动画 (r290887)
  • 更改 font-size 以重新计算关键帧 (r290730)
  • 增加了对以下属性离散动画的支持：

SVG

  • 修复了将以下动画值限制在 0-1 范围的问题：

滚动

  • 允许在带有 overscroll-behavior 的滚动器中进行历史记录滑动 (r291497)
  • 修复了滚动具有固定背景的页面时绘画不正确的问题 (r290785)
  • 修复了使用键盘导航滚动捕捉滚动器时滚动动画的问题 (r290548, r290625)
  • 修复了 position: sticky 元素在粘滞后，滚动时开始不正确移动的问题 (r290812)

WebAuthn

  • 增加了对 authenticatorSelection.residentKey 的支持 (r291176)
  • 如果为平台认证器请求但不可用，则增加了回退到 attestation=none 的功能 (r290539)
  • 启用了在跨源 iframe 元素中使用 WebAuthn (r291018)
  • 改进了虚拟认证器支持 ( r291423 , r291321)

WebGL

  • 修复了使用 preserveDrawingBuffer 时 WebGL 渲染结果不正确的问题 (r291218)

HTML

  • 默认启用了 inert 属性 (r290587)

Web API

  • 默认启用了权限 API (r291116, r290301)
  • 修复了 Safari 中 mousemove 事件双重触发的问题 (r290743)
  • 修复了将 USDZ 作为主要资源加载时的渲染问题 (r290562)
  • 修复了 CORS 预检由于 cache-control 头部而失败的问题 (r290507)
  • 修复了使用 Service Worker Cache 时 PerformanceNavigationTiming Response Start 不可用的问题 (r291441)
  • 修复了 Paint Timing 中 buffered 标志不工作的问题 (r290247)
  • 修复了表单提交后 load 事件从不触发的问题 (r290841)
  • 修复了 WebSocket.send() 以同步更新 bufferedAmount (r290995)
  • 将输入元素的 UA 影子树创建设置为惰性 (r290284)
  • 使 SVG 的 pointer-events 检查考虑惰性子树 (r290306)
  • 移除了 setTimeout 的 1 毫秒最小值限制 (r291476)

媒体

  • 当最小化或将 macOS Safari 窗口移动到后台时，AudioContext 将继续播放 (r291267)
  • 修复了某些使用 VP8 编解码器的 WebM 视频输出混乱的问题 (r291216)
  • 实现了 remote-inbound-rtp 的 packetsLost (r290865)

辅助功能

  • 更新了 WebSpeech API 支持 (r291124)

文件系统访问

  • 更改为如果文件系统中无法访问文件或目录则抛出异常 (r291014)
  • 禁止 FileSystemHandle 中使用空名称 (r290998)
  • 禁止使用底层文件系统不允许的名称 (r291057)
  • 修复了将数据迁移到通用存储目录后，获取网站数据可能出现错误或缺失记录的问题 (r290239, r290233)

Web 扩展

  • 修复了 Cookie 过期日期偏差 30 年的问题