主題指南
Safari 與 Web
掌握 WebKit、Safari、CSS、Web App、延伸功能，以及連結開放式 Web 與 Apple 平台的技術。
Safari 與 Web Session 涵蓋瀏覽器引擎、標準、開發者工具、延伸功能，以及具備一流 App 體驗的 Web 內容。你可以運用這個主題追蹤新功能與相容性工作。
- Session
- 18
- 2026
- 7
- 2025
- 7
- 2024
- 4
這個主題涵蓋的內容
- WebKit 與現代 Web 標準
- Safari 延伸功能與 Web App
- 效能、除錯與相容性
WWDC 2026
7 場 Session- HTML Model Element 入門了解 model 元素如何為網站帶來互動式 3D 內容，現已支援 iOS、iPadOS、macOS 和 visionOS。探索建立及最佳化 3D 資源的工具。認識 model 元素的功能，並了解 Web 標準如何塑造 Web 3D 的未來。
- Safari 27 WebKit 的全新功能探索 WebKit 的全新功能，包括 Grid Lanes、Customizable Select、HTML Model、Immersive Environments，以及 Web Extensions 的最新更新。你也會了解瀏覽器引擎超過 1,000 項改進背後的工作，這些改進讓 Web 更加可靠。
- Safari 與 Web 技術團體 Lab線上加入我們，與 Apple 工程師一同深入探索 WWDC26，提出問題、取得建議，並參與本週 Safari 與 Web 技術重大發表的討論。活動以英語進行。
- 探索 visionOS 中的沉浸式網站環境使用全新的 JavaScript Immersive API，將網站訪客帶入 Apple Vision Pro 的虛擬環境。探索如何從行內模型元素要求沉浸式轉場、使用影片停駐等功能建立引人投入的沉浸式體驗，並最佳化豐富實際尺度體驗的效能，只要在網站上執行幾行程式碼即可完成。
- 為 Safari 建立 Web Extensions從頭開始建置及測試 Safari Web Extensions，不需要 Xcode。探索內容阻擋、頁面修改、原生訊息傳遞和權限模式如何互相配合，在各平台上提供功能強大且保護隱私的瀏覽體驗。
- 瞭解 CSS Grid Lanes建構能容納各種內容形狀和大小的適應性 Web 佈局。探索 Grid Lanes 如何讓你使用簡單的 CSS，將不同形狀的元素排列成簡潔、靈活的設計。瞭解 flow-tolerance 如何在維持佈局彈性的同時，改善輔助使用體驗。
- 重新認識 HTML select 元素瞭解如何完整掌控 Web 上 select 選單的樣式。HTML select 元素迎來重大升級，加入全新的 CSS appearance 值和新的擬元素。探索 select 選項如何容納豐富內容，為 HTML 開啟新的可能。建構符合設計系統的 select，同時保留預設元素的輔助使用功能和穩健性。
WWDC 2025
7 場 Session- Safari 與 WebKit 新功能探索 Safari 與 WebKit 的最新 Web 技術，包括捲動驅動動畫、跨文件 view 轉場、錨點定位等 CSS 功能，以及音訊、影片、影像與圖示的新媒體支援。
- visionOS 26 最新功能探索 visionOS 26 的精彩新功能。認識強化的立體空間 API，並瞭解如何結合 SwiftUI、RealityKit 與 ARKit 的強大功能。探索如何運用更快速的手部追蹤與空間配件輸入，打造更引人入勝的應用程式與遊戲。搶先一覽 SharePlay、Compositor Services、沉浸式媒體、空間 Web、Enterprise API 等多項更新。
- 使用 WebGPU 釋放 GPU 運算能力了解 WebGPU API 如何安全存取 GPU 以進行圖形與通用運算、使用 WGSL 撰寫 GPU 程式，並以最佳做法在桌面與行動裝置兼顧效能與最低耗電量。
- 在 Web 上驗證身分證件了解 Digital Credentials 如何改善線上身分驗證：網站可透過 Digital Credentials API 要求 Wallet 證件資訊，App 也可使用新的 IdentityDocumentServices 框架提供自有證件。
- 空間 Web 新功能探索 visionOS 26 Web 的最新空間功能：使用全新 HTML model 元素顯示行內 3D 模型、加入模型光源、互動與動畫，嵌入 360 度影片與 Apple Immersive Video，並預覽網頁自訂環境。
- 認識 SwiftUI 適用的 WebKit了解如何使用 WebKit 輕鬆將 Web 內容整合至 SwiftUI App，包括載入及顯示內容、與網頁通訊等。
- 進一步了解 Declarative Web Push了解 Declarative Web Push 如何在保留原始 Web Push 向下相容性的同時，依現有標準更可靠、更有效率且更透明地傳送通知。
WWDC 2024
4 場 Session- visionOS Quick Look 新功能改善 App 中的 visionOS 檔案預覽與編輯體驗。整合 App 內與視窗式 Quick Look、使用新 API 自訂視窗體驗，並查看 3D 模型顯示的最新改進。
- 使用 MapKit 發揮地點資訊的力量使用 MapKit 與 MapKit JS 整合地圖。以 Place ID 儲存及參照地點、運用改良搜尋與 Place Card API 顯示資訊，並透過簡化的 token 供應與 Web Embed API 將地圖嵌入網站。
- 使用 WebXR 建立沉浸式 Web 體驗了解如何透過 WebXR 在 visionOS 網站加入完整沉浸體驗、善用 visionOS 輸入能力，並在 macOS 上以 Simulator 測試。
- 為空間 Web 最佳化發揮 visionOS 的 Web 能力，包括選取反白、全螢幕空間照片與全景影像。運用 WebSpeech 的聽寫與文字轉語音、WebAudio 的空間音景，以及 WebXR 的沉浸式體驗。