内容提要
Safari技术预览版249发布,适用于macOS Golden Gate和Tahoe。更新包括:修复无障碍、动画、CSS网格、滚动等问题;新增CSS attr()、if()、calc-mix()函数,Temporal对象,WebGPU子组,popover=hint支持;改进Web Inspector和WebDriver,并修复多个渲染和媒体相关缺陷。
延伸解读
CSS新函数与属性预览
本次更新为CSS带来了多项新特性,包括attr()、if()、calc-mix()函数,以及@function自定义函数规则。这些功能将增强样式表的表达能力和灵活性。同时,wrap-inside和text-decoration-inset等属性以预览形式提供,开发者可以提前体验并反馈问题。需要注意的是,预览功能可能不稳定,建议在实验性项目中测试。
WebGPU子组与Temporal对象
WebGPU新增了对子组的支持,这有助于提升GPU计算性能,尤其适合需要并行处理的图形和计算任务。JavaScript方面引入了Temporal对象,为日期和时间处理提供了更现代、更精确的API。这些新特性标志着Web平台在底层能力和语言标准上的持续进步,开发者应关注其兼容性和最佳实践。
无障碍与辅助技术修复
本次更新修复了多个无障碍问题,包括aria-labelledby关系构建、VoiceOver在iframe中的字符导航,以及导航后内容对辅助技术不可见的问题。这些修复将改善依赖屏幕阅读器等辅助技术的用户体验。对于开发者而言,确保动态插入内容时正确设置ARIA属性,并测试iframe场景,有助于避免类似问题。
Web Inspector与调试改进
Web Inspector新增了范围映射和布局失效事件,有助于开发者更高效地调试样式和布局问题。同时修复了搜索无法在shadow DOM中查找结果、渐变编辑器丢失0%色标等问题。这些改进提升了开发工具的可靠性和易用性,建议开发者更新后重新测试相关调试流程,以充分利用新功能。
Q&A
Safari技术预览版249适用于哪些macOS版本?
Safari技术预览版249适用于macOS Golden Gate和macOS Tahoe。
Safari技术预览版249新增了哪些CSS功能?
新增了attr()函数、outline-offset: inset、@function自定义函数规则、wrap-inside属性(预览)、if()函数、calc-mix()、justify-self(块级盒子)、text-decoration-inset(预览)以及::marker伪元素上的content属性(预览)。
Safari技术预览版249对Web Inspector有哪些改进?
新增了对source maps中range mappings的支持,以及按元素显示Layout Invalidated事件;修复了多个问题,如输入元素错误显示Scroll徽章、搜索无法选中JSON对应代码行、无法在shadow DOM中搜索、选择嵌套@scope的popover时崩溃、crimson颜色映射错误、渐变编辑器丢失0%色标和解析错误、自动补全供应商前缀时重复前缀等。
Safari技术预览版249在无障碍方面修复了哪些问题?
修复了通过innerHTML插入目标元素时aria-labelledby关系未建立、VoiceOver在本地iframe内字符导航时静音、以及导航后网页内容对辅助技术有时显示为空的问题。
Safari技术预览版249对WebGPU支持有什么更新?
新增了对WebGPU子组(subgroups)的支持。
Safari技术预览版249中popover=hint是什么?
popover=hint是HTML中popover属性的一个新值,用于创建提示性弹出内容,本次更新新增了对它的支持。
Safari技术预览版249对滚动捕捉(scroll-snap)修复了哪些问题?
修复了重新捕捉时未选择两个轴都对齐的捕捉区域,以及滚动到锚点或调用scrollIntoView()时未遵守scroll-snap-align的问题。
Safari技术预览版249对WebDriver新增了什么支持?
新增了对Digital Credentials API的WebDriver支持,包括模拟钱包负载、无限等待和用户拒绝的命令。