AirBuild

话题指南

Safari 与 Web

跟进 WebKit、Safari、CSS、Web App、扩展，以及连接开放 Web 与 Apple 平台的技术。

Safari 与 Web Session 覆盖浏览器引擎、标准、开发者工具、扩展和具有原生体验的 Web App，帮助你追踪新能力与兼容性工作。

Session
18
2026
7
2025
7
2024
4

这一话题涵盖什么

  • WebKit 与现代 Web 标准
  • Safari 扩展与 Web App
  • 性能、调试与兼容性
202620252024

WWDC 2026

7 场 Session
  1. HTML Model Element 入门15:52 · 空间计算, Safari 与 Web了解 model 元素如何将交互式 3D 内容带到网站，现在已支持 iOS、iPadOS、macOS 和 visionOS。探索创建和优化 3D 资源的工具。探索 model 元素的功能，并了解 Web 标准如何塑造 Web 3D 的未来。
  2. Safari 与 Web 技术群组实验室64:27 · Safari 与 Web在线加入我们，与 Apple 工程师一起深入了解 WWDC26，提出问题、获取建议，并参与本周 Safari 与 Web 技术重要发布的讨论。使用英语进行。
  3. 为 Safari 创建 Web 扩展26:42 · App Store、分发与营销, Safari 与 Web从头开始构建并测试 Safari Web 扩展，无需 Xcode。探索内容拦截、页面修改、原生消息和权限模式如何协同工作，在各个平台上创建强大且保护隐私的浏览体验。
  4. 学习 CSS Grid Lanes10:25 · 设计, Safari 与 Web构建可适应各种形状与大小内容的 Web 布局。探索 Grid Lanes 如何让你用简单 CSS 将不同形状的元素排列为整洁、灵活的设计。了解 flow-tolerance 如何在保持布局可塑性的同时完善无障碍功能。
  5. 探索 visionOS 中的沉浸式网站环境19:09 · 空间计算, Safari 与 Web使用 JavaScript 中新的 Immersive API，将网站访客带入 Apple Vision Pro 的虚拟环境。探索如何从内嵌 model 元素请求沉浸式转场、使用视频停靠等功能创建引人入胜的沉浸式体验，并优化丰富、现实世界尺度体验的性能，只需在网站上运行几行代码。
  6. 适用于 Safari 27 的 WebKit 新功能16:32 · SwiftUI 与 UI 框架, Safari 与 Web探索 WebKit 的新功能，包括 Grid Lanes、Customizable Select、HTML Model、Immersive Environments，以及 Web Extensions 的最新更新。你还将了解 1,000 多项浏览器引擎改进背后的工作，它们让 Web 更加可靠。
  7. 重新认识 HTML select 元素9:30 · 设计, Safari 与 Web了解如何完全掌控 Web 上 select 菜单的样式。HTML select 元素将通过新的 CSS appearance 值和新伪元素获得重大升级。了解 select 选项如何包含丰富内容，为 HTML 带来新的可能性。构建符合设计系统的 select，同时保留默认元素的全部无障碍能力与稳健性。

WWDC 2025

7 场 Session
  1. Safari 与 WebKit 新功能47:07 · App 服务, Safari 与 Web了解 Safari 和 WebKit 中的最新 Web 技术如何帮助你创建出色体验。我们将重点介绍不同 CSS 功能及其工作方式，包括滚动驱动动画、跨文档视图转场和锚点定位。我们还会探索音频、视频、图像和图标方面的新媒体支持。
  2. visionOS 26 新功能38:47 · 音频与视频, 企业与教育探索 visionOS 26 中精彩的新功能。了解增强的体积 API，以及如何结合 SwiftUI、RealityKit 和 ARKit 的能力。了解如何使用更快的手部跟踪和空间配件输入，构建更具吸引力的 App 与游戏。抢先了解 SharePlay、Compositor Services、沉浸式媒体、空间 Web、Enterprise API 等方面的更新。
  3. 使用 WebGPU 发挥 GPU 计算能力21:53 · App 服务, Safari 与 Web了解 WebGPU API 如何为图形与通用计算提供对 GPU 设备的安全访问。我们还将探索用于编写 GPU 程序的 WGSL 着色语言，并深入介绍在桌面与移动设备上以最低功耗获得最佳性能的最佳实践。
  4. 在 Web 上验证身份证件32:44 · App 服务, Safari 与 Web了解 Digital Credentials 如何增强在线身份验证流程。我们将介绍网站如何集成 Digital Credentials API，以请求 Wallet 中身份证件的信息。我们还会探索 App 如何使用新的 IdentityDocumentServices 框架，为在线验证提供自己的身份证件。
  5. 空间 Web 新功能29:29 · 空间计算, Safari 与 Web探索 visionOS 26 上 Web 的最新空间功能。我们将介绍如何使用全新的 HTML model 元素显示内嵌 3D 模型，并分享模型光照、交互和动画等强大功能。了解如何在网站中嵌入新支持的沉浸式媒体，例如 360 度视频和 Apple Immersive Video。还可抢先了解如何向网页添加自定义环境。
  6. 认识适用于 SwiftUI 的 WebKit21:59 · Safari 与 Web, SwiftUI 与 UI 框架了解如何使用 WebKit，轻松将 Web 内容集成到 SwiftUI App 中。了解如何加载和显示 Web 内容、与网页通信等。
  7. 进一步了解 Declarative Web Push19:27 · Safari 与 Web了解 Declarative Web Push 如何帮助你更可靠地交付通知。了解如何在保留与原始 Web Push 向后兼容性的同时，以现有标准为基础，在设计上实现更高效率和透明度。

WWDC 2024

4 场 Session
  1. visionOS 中的 Quick Look 新功能14:24 · 图形与游戏, Safari 与 Web探索 visionOS 中的 Quick Look 如何提升 App 的文件预览和编辑体验。我们将介绍 App 内 Quick Look 与窗口式 Quick Look 的集成，以及一个可在 App 中自定义窗口式 Quick Look 体验的全新 API。我们还会分享在 Quick Look 中查看 3D 模型的最新改进。
  2. 使用 MapKit 发挥地点的强大能力16:39 · App 服务, Safari 与 Web探索通过 MapKit 和 MapKit JS 将地图集成到 App 和网站中的强大新方式。了解如何使用 Place ID 保存和引用独特地点。查看搜索功能的改进，更高效地查找相关地点。认识新的 Place Card API，它让你可以显示丰富的地点信息，方便顾客直接在 App 中探索目的地。我们还会展示如何通过简化的令牌配置和 Web Embed API，将地图快速嵌入网站。
  3. 使用 WebXR 构建沉浸式 Web 体验26:16 · App 服务, 空间计算了解 WebXR 如何帮助你为 visionOS 中的网站添加完全沉浸式体验。了解如何构建充分利用 visionOS 输入能力的 WebXR 体验，以及如何使用 Simulator 在 macOS 上测试 WebXR 体验。
  4. 针对空间 Web 进行优化20:09 · 空间计算, Safari 与 Web了解如何在 Web 上充分运用 visionOS 功能。探索选择高亮改进，以及全屏展示空间照片和全景图像等近期更新。了解如何利用现有 Web 标准，通过 WebSpeech 实现听写和文本转语音、通过 WebAudio 构建空间声景，并通过 WebXR 打造沉浸式体验。