Safari Technology Preview 173 发布说明

2023 年 6 月 28 日

作者：Jen Simmons

Safari Technology Preview Release 173 现已面向 macOS Sonoma 测试版和 macOS Ventura 开放下载。如果您已经安装了 Safari Technology Preview，可以在“系统设置”的“通用”→“软件更新”中进行更新。

许多新的 Safari 17 功能现已在 Safari Technology Preview 173 中提供

功能标志是 Safari Technology Preview 设置中新增的一个部分，取代了“开发”菜单中的“实验性功能”部分。它允许您搜索特定功能，并轻松查看从默认状态切换（以粗体显示）的功能。功能标志具有“稳定”、“可测试”、“预览”或“开发者”等状态，现在按主题进行组织。

重新设计的“开发”菜单让您更容易找到可用的关键工具，以帮助您创建网站、Web 应用、其他应用中的 Web 内容、Web 扩展等。

响应式设计模式已更新，专注于在 Mac 上页面设计在任何宽度或高度下的响应能力。您可以在响应式设计模式顶部指定视图端口大小，或拖动视图周围的调整大小手柄，并轻松进入设备模拟器。

macOS Sonoma 上的配置文件可帮助您分离浏览数据，包括历史记录、收藏夹、标签页组以及通知订阅、Cookie、缓存和 Service Worker 等网站数据。

借助此版本的 Safari Technology Preview，您可以在 macOS Sonoma 上通过Web 应用将任何网站添加到 Dock 中。

macOS Sonoma 上改进的无痕浏览会在不使用时锁定您的无痕浏览窗口，并增加对更多用于跟踪您的先进技术的防护。

托管媒体源将 HTTP Live Streaming 和 Media Source Extensions 的最佳特性结合到一个易于采用、节能高效的自适应流媒体低级工具包中。

macOS Sonoma 上对 JPEG XL 的支持增加了一种新的图像格式，该格式采用改进的压缩算法，在文件大小小于 JPEG 的情况下提供更好的图像质量，同时具备相同的渐进式加载能力。

HEIC 增加了对 iPhone 和 iPad 上用于存储相机拍摄照片的文件格式的支持，使开发者可以直接在浏览器中支持导入和编辑照片。

实况文本增加了对图像和视频中垂直文本识别的支持。

macOS Sonoma 上重新设计的文本光标使用系统强调色并与 iOS 行为一致。您仍然可以使用 caret-color CSS 属性自定义颜色。

除了这些新的 Safari 17 功能外，此版本还包含 WebKit 在以下版本之间的更改：264855@main…265377@main。

Web Inspector

  • 修复了颜色样本在只读时显示不正确工具提示的问题 (265039@main)
  • 修复了“源”标签页中的详情侧边栏在切换标签页时宽度不一致的问题 (265152@main)

CSS

  • 增加了 CSS 规则嵌套层级限制 (265309@main)
  • 修复了 cjk-earthly-branch 和 cjk-heavenly-stem 计数器样式使用 fixed 系统的问题 (265235@main)
  • 修复了表格元素内表单的计算显示为 display: none 的问题 (265283@main)
  • 在 CSS Motion Path 的 ray() 中使 <ray-size> 成为可选 (265200@main)

媒体查询

渲染

  • 修复了带有自绘图层的行内级元素渲染时省略号重叠的问题 (264973@main)

编辑

  • 修复了带有 float: left 的 <textarea> 在编辑文本时消失的问题 (264943@main)

JavaScript

  • 为大型字符串添加了全局 String.replace(/regexp-global/g, func) 结果缓存 (264967@main)
  • 优化了全局对象情况下的 op_to_this (265373@main)
  • 优化了 parseFloat(number) (265189@main)
  • 优化了 ProxyObject 的 “ownKeys” trap (265218@main)

弹出框

  • 使弹出框方法仅禁止模态对话框，而非所有打开的对话框 (264876@main)
  • 使 element.togglePopover() 返回布尔值 (265064@main)

图像

  • 修复了主资源内容加载时 Content-Type: image/heif 显示图像而非下载的问题 (265091@main)

媒体

  • 修复了视频全屏时的动画问题 (265051@main)
  • 修复了 <source> 元素和 src 属性的非 MSE blob URL 问题 (265045@main)
  • 修复了 WebM 文件在没有轨道 ID 时无法支持的问题 (265425@main)
  • 修复了退出画中画时视频变黑只有音频播放的问题 (264974@main)
  • 修复了 Safari 标签页在暂停时仍显示扬声器图标表明正在播放音频的问题 (265052@main)
  • 设置了 SourceBuffer 中存储的样本数量限制 (265355@main)

Web API

  • 更改 documentElement 的 dir 属性不会更新匹配 :dir 伪类的子元素 (265332@main)
  • 修复了带有 decoding="async" 的图像在放大时闪烁的问题。(265328@main)
  • 修复了选择器 (Selectors) 的序列化问题 (264980@main)
  • 修复了确保在清除注册时移除所有 ServiceWorkerRegistration 文件和目录的问题 (264998@main)
  • 修复了 :nth-child 和 :nth-last-child 内 ID 的样式失效问题 (264986@main)
  • 修复了来自 canvas (captureStream) 的 MediaStream 能够渲染到不同 canvas 的问题 (265128@main)
  • 修复了空 blob 的 readAsDataURL.readAsDataURL() 问题 (265153@main)
  • 修复了剩余页面高度永远不会为 0 的问题 (264857@main)
  • 修复了启用了 multiple 的 <select> 元素未持续触发 onchange 事件的问题 (264873@main)
  • 修复了 HTMLPreloadScanner 未忽略 <img> 元素的 referrerpolicy 属性的问题 (265223@main)
  • 修复了存在重复帧名称时 window 命名 getter 行为不正确的问题 (265211@main)
  • 修复了 XMLHttpRequest.responseXML.characterSet 问题 (265210@main)
  • 将基于 canvas 的 VideoFrame 颜色空间设置为 RGB (264881@main)

SVG

  • 更改为停止在最外层 SVG 根元素上传播文本装饰 (264894@main)
  • 更改为使用占位符 SVG 作为遮罩以遵循语义颜色更改 (265037@main)
  • 修复了在内部定义然后直接设置到 <svg> 元素上的 <feColorMatrix> 滤镜问题 (265135@main)
  • 修复了将 SVG <text> 标签中的 vector-effect 属性设置为“non-scaling-stroke”无效的问题 (265204@main)
  • 修复了 feMorphology 处理负半径的问题 (265007@main)