在刚刚结束的苹果WWDC2022上，除了最新的iOS 16 Beta系统，WebKit官方宣布将推出Safari 16 beta的主要Web技术。目前，苹果开发者计划的成员已经可以通过安装macOS Ventura和iOS/iPadOS 16的开发者测试版来测试Safari 16。
WebKit正式公布了Safari 16 Beta中的新网页功能
太平洋时间6月6日，WebKit官方博客发布了Safari 16 Beta中WebKit新功能的详细介绍，详情如下:
Web Inspector扩展新的Safari 16支持Web Inspector扩展，可以增强Safari内置的浏览器开发工具，尤其是在使用强大的第三方框架和服务时。使用Safari Web Inspector扩展，用户可以从这些框架和服务中安装开发人员工具扩展，以便更快、更容易地开发工作。
web inspector扩展使用与其他浏览器中的开发者工具扩展相同的Javascript API，因此开发者工具扩展的创建者可以轻松地将其移植到Safari。同时，Web Inspector扩展还增加了Safari Web extension的其他改进，包括同步iOS、iPadOS和macOS上启用的扩展的能力。
容器查询类似于媒体查询。容器查询允许用户根据容器的大小而不是视口的大小来调整网页上特定项目的布局或样式。
Safari 16支持大小查询和容器查询单元。查询容器单位类似于视口单位，但是它们相对于查询容器而不是视口来指定尺寸的长度。
macOS Ventura上的macOS Safari 16上的Web Push功能即将推出Web Push功能，可以远程向网站和Web应用的用户发送通知，通过push API和notification API在Safari没有运行的时候发送这些通知。
Web-in Safari使用相同的苹果推送通知服务，为所有Mac和iOS设备提供原生推送功能。据悉，苹果将于2023年为iOS和iPadOS系统提供网页推送功能。
子网格
CSS的出现彻底改变了网页布局设计的可能性。子网格将网格提升到另一个层次，并提供了一个简单的方法来将网格容器的子容器放到网格上。它可以跨复杂的布局排列项目，而不受HTML结构的约束。Safari的网格检查器允许用户打开任意数量网格的叠层，这在编写子网格时特别有用。
Flexbox Inspector继去年的网格检查器之后，Safari 16新增了Flexbox Inspector，与Safari 15.4中新增的对齐编辑器完美匹配。
Flexbox容器的覆盖图更容易可视化CSS对Flexbox容器的影响，新的覆盖图有助于在视觉上区分可用空和间隙。它还显示了项目的边界以及它们如何在Flexbox容器的主轴和横轴上分布。
辅助功能改进Safari 16引入了macOS上WebKit辅助功能支持的重新架构，从而提高了性能和响应能力。
这一改变使得WebKit能够在比以前更短的时间内处理更多来自客户端的可访问性请求。在一些复杂的网页上，测量到25%的时间内服务的可访问性请求数量是原来的两倍。
动画改进CSS偏移路径为Web开发人员提供了一种沿任意形状的自定义路径制作动画的方法。“偏移路径”属性允许您定义要沿其制作动画的几何路径。
“偏移定位”、“偏移距离”、“偏移位置”和“偏移旋转”属性为用户提供了其他功能，以优化正在设置动画的对象的精确移动。
目前，用户可以通过Safari 16将CSS网格动画化，也就是说，可以通过动画改变行或列的大小，从而为在页面上移动提供了新的可能。
Safari 16还增加了对复合操作的支持，解决了元素动画如何影响其基本属性值的问题。同时还增加了对39个CSS属性的离散动画支持。
CSS Overscroll行为决定了当用户滚动浏览器并到达滚动区域的边界时会发生什么。当用户想要停止滚动链接时，它很有用，当用户在框中滚动并到达末尾时，他可以控制停止或允许页面的其余部分滚动。
Safari中更新了一种新型的“工作者”，共享程序员。共享工作者在后台运行Javascript。只要用户打开你域上的任何选项卡，你的共享工作线程就可以运行，同一域上打开的所有选项卡都可以共享同一个共享工作线程。因此，如果您希望像打开WebSocket一样连接到代表多个选项卡进行通信的服务器，请尝试使用Shared Worker。
其他新功能包括对表单控件的修复和改进，以及对。输入HTML元素的requestSubmit和showPicker方法，以及对影子领域和Worker src内容安全策略指令的支持。
WebKit的新功能引发了开发者的热议。
作为本次WWDC2022活动的一大技术亮点，Safari 16 Beta中的新WebKit功能着实让开发者们兴奋不已。然而，与此同时，在开发者社区Reddit上，WebKit的新特性引起了开发者的大量“吐槽”和热议。
在这里我们看到其中一篇题为《2023年Web推送通知即将登陆iOS》的帖子，很多开发者都表达了对这一点的看法。让我们感受一下:
“哦，请不要这么快苹果。以这种惊人的速度，我们甚至可能在本世纪结束前得到PWA安装提示。”
“我们甚至可能在本世纪结束前得到PWA安装提示。希望永远不会。”
“先停止强迫所有浏览器在iOS上运行Safari，好吗？”
“你的意思是强迫他们使用WebKit引擎吗？iOS还有其他浏览器，但他们目前都必须使用WebKit。”
“哦耶，从2023年起，我不得不对几乎所有网站上的另一个弹出窗口说不。”
所以它只是说“2023年在iOS上寻找网络推送”，老实说，我对此不抱太大希望，因为我认为它可能会被锁定在设置层之后，因为苹果就是苹果。我真的看不出他们会让人们轻易地逃离应用商店的生态系统。我很难想象苹果会真的允许绕过他们的应用商店的即时通讯应用。”
......
据了解，WebKit浏览器在过去一年中推出了超过162项新功能和改进，包括Safari 15.2、Safari 15.4和Safari 15.5。今年早些时候推出的功能包括对话框元素、延迟加载、非活动:、has伪类、新的视口单元、级联层、焦点可见性、强调色、外观、彩色字体的字体调色板、BroadcastChannel、Web Locks API、文件系统访问API、WebAssembly的增强、支持画布中的显示P3、添加COOP和COEP、改进CSS自动完成和Web Inspector中的新CSS变量工具等。
更新的Web技术主要是为了方便用户在Safari 16上工作。而一直被开发者诟病的“网页推送”功能，以及涉嫌“强制iOS上所有浏览器使用Safari”的操作，真的成为了很多用户的烦恼。
参考:https://WebKit . org/blog/12824/news-from-wwdc-WebKit-features-in-safari-16-beta/
