WWDC24 - iOS18 下的 WebKit 有哪些更新？

主要观点总结

本文介绍了在最新WWDC大会上，WebKit的更新内容及一些值得关注的新功能。

关键观点总结

关键观点1: CSS - View Transitions API

WebKit加入了对View Transitions API的支持，提供了一个体验非常好的浏览器API，用于将元素从一个状态动画过渡到另一个状态。

关键观点2: 样式查询（Style Queries）

WebKit增加了对样式查询的支持，可以在测试CSS自定义属性时使用，定义一组可重复使用的样式，并将其作为一个整体进行应用。

关键观点3: 背景滤镜（Backdrop Filter）

背景滤镜为我们提供了一种方式，可以对特定元素后的内容应用图像效果，如模糊、改变饱和度、对比度等。

关键观点4: content-visibility属性

WebKit增加了对content-visibility属性的支持，该属性用于控制元素是否以有利于性能优化的方式渲染内容。

关键观点5: 空间照片与全景照片体验

在Apple Vision Pro上，可以享受到沉浸式浏览空间照片和全景照片的体验。现在，在Safari 18中，我们可以使用全屏API在网页上实现同样的体验。

关键观点6: WebXR支持

Safari 18 forvisionOS 2 beta增加了对沉浸式WebXR的支持，可以创建完全身临其境的体验。

关键观点7: URL.parse()方法

WebKit添加了对新的URL.parse()方法的支持，这是一种解析URL的方法，当解析失败时，它会返回null而不是异常。

关键观点8: 混合内容策略

新版WebKit会通过升级混合内容设置中的被动子资源请求，为所有图像、视频和音频添加对安全HTTPS的支持。

关键观点9: JavaScript - RegExp优化

RegExp中添加了对Unicode 15.1.0字符的支持，并添加了对v标志的支持，提供更强大的方法来匹配Unicode字符。

文章预览

大家好，我是 ConardLi 。 就在刚刚结束的 WWDC24 （苹果全球开发者大会）上，带来了诸多亮眼的新功能。 作为 Web 开发者我们最关注的当然就是 WebKit 的更新了，新版本的 WebKit 总计共带来了 48 项新的 Web 平台功能，以及 18 项弃用功能和 174 项错误修复。 下面我们来一起学习下一些我觉得值得关注的内容吧。 CSS - View Transitions API WebKit 加入了对 View Transitions API 的支持。它提供了一个体验非常好的浏览器 API ，可以用来将元素从一个状态动画过渡到另一个状态。基于 CSS View Transitions Module Level 1 规范，引入了一些新的 CSS 属性和伪元素，一起构成了定义过渡动画的规则，并且提供一个新的浏览器 API 来启动过渡动画，并响应不同的过渡状态的变化。 它的工作方式是通过捕获页面的当前的（旧）状态，然后将其动画过渡到新的状态。默认 ………………………………