共计 3853 个字符，预计需要花费 10 分钟才能阅读完成。
刚刚完结的苹果 WWDC2022 上，除了最新 iOS 16 Beta 版零碎，WebKit 官网也发表将推出 Safari 16 beta 版的次要 Web 技术。目前，Apple Developer program 成员曾经能够通过装置 macOS Ventura、iOS/iPadOS 16 的开发者 Beta 版来测试 Safari 16。
WebKit 官宣 Safari 16 Beta 版中的 Web 新性能
太平洋工夫 6 月 6 日，WebKit 官网博客发文具体介绍了此次 Safari 16 Beta 版中的 WebKit 新性能，具体内容如下：
- Web Inspector 扩大
全新 Safari 16 反对 Web Inspector 扩大，能够加强 Safari 的内置浏览器开发工具，特地是在应用功能强大的第三方框架和服务时尤其有用。通过应用 Safari Web Inspector 扩大，用户能够从这些框架和服务中装置开发者工具扩大，让工作可能更快、更轻松地进行开发。
Safari Web Inspector 扩大与其余浏览器中的开发者工具扩大应用雷同的 JavaScript API，不便开发者工具扩大的创建者能轻松地将其移植到 Safari。同时，Web Inspector 扩大也退出了 Safari Web 扩大的其余改良，包含可能同步 iOS、iPadOS 和 macOS 上启用的扩大。
- 容器查问（Container Queries）
与媒体查问 (Media Query) 相似，容器查问容许用户依据容器的大小而非 viewport 的大小来调整网页上特定我的项目的布局或款式。
Safari 16 反对 Size queries（大小查问）和容器查问单元。容器查问单位相似于 viewport 单位，但它们指定了绝对于查问容器而非 viewport 的维度的长度。
- macOS 上的 Web Push 性能
macOS Ventura 上的 Safari 16 行将推出 Web Push 性能，可近程向网站和 Web 应用程序的用户发送告诉，通过推送 API 及告诉 API，在 Safari 未运行时发送这些告诉。
Web Push-in Safari 应用雷同的 Apple Push 告诉服务，为所有 Mac 和 iOS 设施提供本机推送性能。据悉，苹果将在 2023 年为 iOS 和 iPadOS 零碎提供 Web Push 性能。
- 次网格（Subgrid）
CSS Grid 的呈现彻底改变了 Web 布局设计的可能性，子网格将网格晋升到了另一个档次，提供了一种将网格容器的子代放到该网格上的简略办法。它可在不受 HTML 构造束缚的状况下跨过简单的布局排列我的项目。Safari 的网格查看器容许用户为任意多个网格关上笼罩，这在编写子网格时尤其有用。
- Flexbox Inspector
继去年的 Grid Inspector 之后，Safari 16 增加了 Flexbox Inspector，它与 Safari 15.4 中增加的对齐编辑器（Alignment Editor）完满匹配。
Flexbox 容器的笼罩使 CSS 对 Flexbox 容器的影响更容易可视化，新的笼罩有助于从视觉上辨别可用空间和间隙。它还显示了我的项目的边界，以及它们是如何散布在 Flexbox 容器的主轴和横轴上的。
- 可拜访性改良
Safari 16 在 macOS 上引入了 WebKit 可拜访性反对的从新架构，从而进步了性能和响应能力。
此更改容许 WebKit 在比以前更短的工夫内解决来自客户端（如 VoiceOver）的更多可拜访性申请。在一些简单的网页上，测量到在 25% 的工夫内服务的可拜访性申请数是原来的两倍。
- Animation Improvements（动画改良）
CSS 偏移门路（也称为静止门路）为 Web 开发人员提供了一种沿任意形态的自定义门路设置动画的办法。通过“偏移门路”（offset path）属性，可定义要沿其设置动画的几何门路。
“偏移定位”（offset anchor）、“偏移间隔”（offset distance）、“偏移地位”（offset position）和“偏移旋转”（offset rotate）属性为用户提供了其余性能，能够优化正在设置动画的对象的准确挪动。
目前，通过 Safari 16 用户可设置 CSS 网格的动画，也就是说能够对行或列的大小进行动画更改，从而为页面上的挪动提供了全新的可能性。
Safari 16 还减少了对复合操作的反对，解决了元素动画如何影响其根底属性值的问题，同时还为 39 个 CSS 属性增加了对离散动画的反对。
- Overscroll Behavior
CSS Overscroll 行为决定了当用户滚动浏览器并达到滚动区域的边界时会产生什么，当用户想要进行滚动链接时它就很有用，当用户在框内滚动并达到开端时，就能够管制进行或容许滚动页面的其余部分（管制浏览器适度滚动时的体现）。
- “共享程序员”（Shared Worker）
Safari 中更新了一种新类型的“工作人员”—— Shared Worker，Shared Worker 在后盾运行 JavaScript，只有用户对您的域关上了任何选项卡，您的共享工作线程就能够运行，并且对同一域关上的所有选项卡都能够共享同一个共享工作线程。因而，如果您想要像关上一个 WebSocket 连贯到一个代表多个选项卡进行通信的服务器这样的操作，请尝试应用 Shared Worker。
- 其余
其余新性能还包含对表单控件的修复和改良，以及对 < 表单 > 的反对。HTML 输出元素的 requestSubmit（）和 showPicker（）办法，以及对 Shadow Realms 的反对和对 Worker src Content Security Policy 指令的反对。
WebKit 新性能引发开发者热议
作为本次 WWDC2022 流动上的一大技术亮点，Safari 16 Beta 版中的 WebKit 新性能的确让宽广开发者兴奋不已。然而，与此同时在开发者社区 Reddit 上，WebKit 的新性能却引发了不少开发者的“吐槽”和热议。
这里，咱们看到其中一片题为“Web push notifications are coming to iOS in 2023”的帖子里，（链接：https://www.reddit.com/r/prog…）就有不少开发者对这一点表白了本人的观点，大家感触下：
“Oh please, not so fast Apple. With this break neck speed we might even get the PWA install prompt before the end of the century.”（哦，托付，别那么快，苹果。以这种惊人的速度，咱们甚至可能在本世纪末之前失去 PWA 装置提醒。）
“we might even get the PWA install prompt before the end of the century.Hopefully never.”（咱们甚至可能在本世纪末之前失去 PWA 装置提醒。
心愿永远不会。）
“How about stop forcing all browsers to be Safari on iOS first, yeah?”（不如先进行强制所有浏览器在 iOS 上应用 Safari，好吗？）
“Do you mean forcing them to use the WebKit engine? There are other browsers for iOS but they currently all have to use WebKit.”（你的意思是强制他们应用 WebKit 引擎吗？还有其余 iOS 浏览器，但它们目前都必须应用 WebKit。）
“Oh yay, another pop up I have to say no to on literally every website from 2023 onwards.”（哦，耶，从 2023 年起，我必须对每个网站上的另一个弹出窗口说不。）
“So it just said “look for Web Push on iOS in 2023”
Honestly I am not too hopeful about this as I would imagine it would probably be locked behind layers of settings because Apple being Apple. I can’t really see they would make it easy for people to escape the App Store ecosystem.
Too difficult for me to imagine Apple would actually allow IM apps that bypass their app store.”
……
据理解，近一年来 WebKit 浏览器共推出了 162 多项新性能和改良，包含 Safari 15.2、Safari 15.4 和 Safari 15.5。往年早些时候推出的性能包含 dialog 元素、lazy loading、Inactive、：has（）伪类、新视口单元、层叠层、焦点可见、强调色、外观、黑白字体的字体调色板、BroadcastChannel、Web Locks API、File System Access API、WebAssembly 的加强性能、对画布中 Display-P3 的反对、对 COOP 和 COEP 的增加，以及在 Web Inspector 中改良了 CSS 主动实现和新的 CSS 变量工具等等。
此次更新的 Web 技术，次要是能够让用户在 Safari 16 上更不便的工作。然而，备受开发者吐槽的“Web push”性能以及疑似“强制让所有 iOS 上的浏览器都用 Safari”的操作，的确成为了不少用户的懊恼。
参考链接：https://webkit.org/blog/12824…