介紹

在 Apple 年度開發者大會 WWDC 2025 上，宣布了 iOS 19 和 macOS 的重大更新，同時發布了由 WebKit 渲染引擎支援的 Safari 19。

近年來，WebKit 團隊加速採用 Web 標準，以提高跨瀏覽器引擎（Blink 和 Gecko）的佈局相容性。

本文重點介紹了 WWDC 2025 上的 Safari 19 重要公告，重點介紹了 WebGPU 整合、瀏覽器指紋防護和新支援的 CSS 屬性。

1.預設啟用WebGPU

Safari 19 中的一個重大更新是 WebGPU 現在預設啟用。

WebGPU 是瀏覽器中 GPU 加速的 3D 圖形和資料處理的下一代標準，取代了 WebGL。

核心優勢

• 更快的渲染： 透過直接存取本機系統 API（例如 Apple 裝置上的 Metal 和 Windows 上的 DirectX 12），WebGPU 的 CPU 開銷比 WebGL 低得多。
• 高效的本機 ML 工作負載： 隨著 Safari 與 Chrome 和 Edge 一起支援 WebGPU，開發人員可以在 macOS 和 iOS 裝置上高效運行本機學習模型和即時圖形管道。

2. 高階隱私控制和安全增強

Safari 19引進了保護使用者隱私的新措施。

防指紋屏蔽

此瀏覽器更新了針對「瀏覽器指紋辨識」的保護，即根據裝置​​設定（例如螢幕解析度、安裝的字體和硬體規格）識別個人使用者的做法。

Safari 19 透過傳回標準化類比資料來處理這些要求，防止跨網站追蹤器識別使用者的特定硬體配置。

3. Web 標準和新的 CSS 屬性

Safari 19 還增加了對多個 CSS 屬性的支持，以改善佈局樣式選項。

實驗砌體佈局

現在可以使用 grid-template-rows: masonry 原生實作磚石佈局（如 Pinterest 的多高度列網格）。 Safari 19 包含錯誤修復和效能更新，以便為生產使用做好 WebKit 實現的準備。

本機滾動驅動的動畫

CSS 滾動時間軸（例如 scroll-timeline）現在完全受支持，允許開發人員建立視差效果和滾動進度指示器，而無需編寫 JavaScript 滾動事件偵聽器。

/* A scroll-linked progress indicator */
@keyframes scale-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.scroll-indicator {
  animation: scale-progress auto linear;
  animation-timeline: scroll();
}

結論

Safari 19 為 WebKit 帶來了 WebGPU 支援、捲動驅動動畫和改進的隱私工具。

這些新增功能使建立在 Apple 硬體上高效運行的高效能 Web 應用程式變得更加容易。請密切注意這些更新，以針對最新的 Safari 版本優化您的應用程式。