WWDC23 上的 Web 技术专题讲座

2023 年 6 月 5 日

作者：Jen Simmons

WWDC23 已经到来，随之而来的是 WebKit 在 macOS、iOS、iPadOS 和 visionOS 上搭载的一系列新 Web 技术公告，此外还有针对 Safari、Web 检查器和 Safari Web 扩展的新功能。WWDC23 上的七场专题讲座将详细介绍这些内容，直接演示与 Web 开发者相关的新技术。本周每天都会发布新视频。

6 月 6 日，星期二

Three Safari windows floating in a room, almost reaching from floor to ceiling.

认识用于空间计算的 Safari 浏览器

探索 visionOS 的 Web，了解人们如何以全新的方式体验您的 Web 内容。探索驱动该平台的独特输入模型，并学习如何优化您的网站以适应空间计算。我们还将分享新兴标准如何帮助塑造 Web 的 3D 体验。

A web app for WebKit Blog shown on macOS Sonoma. With three other web apps as Stage Manager windows off to the side. And four web app icons in the doc. Plus a push notification coming in from the WebKit web app.

Web App 有什么新内容

探索适用于 Mac 的 Web App——一种从 Dock 体验您网站的强大方式。了解如何自定义您的 Web App，以便在人们添加您的网站时提供最佳体验。我们还将分享如何利用 Mac 的 Web App 以及 iOS 和 iPadOS 主屏幕 Web App 的推送通知和标记功能。

6 月 7 日，星期三

iPhone simulator showing in macOS Sonoma. With a menu open showing

重新发现 Safari 开发者功能

准备好探索 Safari 为 Web 开发者和设计师提供的丰富工具集。了解如何检查 Web 内容、了解响应式设计模式和 WebDriver，并开始使用模拟器和设备。我们还将向您展示如何与 Vision Pro 配对、使内容在您的 App 中可检查，以及如何在响应式设计模式中使用“在模拟器中打开”来帮助您在任何设备上测试您的网站。

Diagram with Safari 16.0 through 17.0 beta on a timeline from Sept 2022 to June 2023. With a word cloud of many CSS features lightly showing in the background.

CSS 有什么新内容

探索 CSS 的最新进展。学习使用广色域颜色、创建精美排版以及编写简单而健壮代码的技巧和最佳实践。我们还将展望未来，预览即将推出的布局和排版功能。

6 月 8 日，星期四

Three logos — for JPEG XL, HEIC, & AVIF, and the words "Managed Media Source API" on a slide.

探索适用于 Web 的媒体格式

了解 Safari 17 中支持的最新图像格式和视频技术。探索如何在您的网站和体验中使用 JPEG XL、AVIF 和 HEIC，并了解它们与以前格式的区别。我们还将向您展示 Managed Media Source API 如何比 Media Source Extensions (MSE) 消耗更少的电量，并探索如何使用它更高效地管理 5G 上的流媒体视频。

6 月 9 日，星期五

Web Inspector open in Safari 17 on macOS Sonoma.

Web 检查器有什么新内容

Web 检查器提供了一组强大的工具，用于调试和检查 macOS、iOS 和 iPadOS 上的网页、Web 扩展和 WKWebViews。我们将分享最新更新，包括改进的排版检查、可变字体的编辑工具、模拟用户偏好的控件、DOM 节点树中的元素徽章以及符号断点。

Safari 扩展有什么新内容

了解 Safari 扩展的最新改进。我们将带您了解新的 API，探索 Safari App 扩展的按网站权限，并分享如何确保您的扩展在私密浏览和个人资料中都能正常工作。