Các tính năng mới của WebKit có trong Safari 18 beta

Bổ sung hỗ trợ WebXR

• Safari 18 trên visionOS 2 beta hỗ trợ WebXR. Điều này cho phép mang lại trải nghiệm nhập vai cho người dùng Apple Vision Pro.
• Hỗ trợ phiên immersive-vr
• Sử dụng đồ họa tăng tốc phần cứng thông qua WebGL
• Hỗ trợ chế độ transient-pointer tận dụng đầu vào tự nhiên
• Bổ sung theo dõi tay, cần yêu cầu quyền để bảo vệ quyền riêng tư của người dùng

CSS

• Chuyển cảnh chế độ xem (View Transitions):
  • Bổ sung hỗ trợ View Transitions API
  • Có thể tạo hoạt ảnh khi chuyển trạng thái của phần tử
  • Bắt đầu chuyển cảnh bằng phương thức document.startViewTransition()
  • Sau khi chụp trạng thái, có thể chỉnh sửa hoạt ảnh bằng CSS
• Truy vấn kiểu (Style Queries):
  • Hỗ trợ style queries khi kiểm tra CSS custom properties
  • Có thể áp dụng kiểu theo các điều kiện cụ thể
• Cú pháp màu tương đối (Relative Color Syntax):
  • Định nghĩa động màu mới từ màu hiện có
  • Có thể tham chiếu currentcolor và các từ khóa màu hệ thống
• Hoạt ảnh display: hỗ trợ hoạt ảnh chuyển đổi cho thuộc tính display
• Vùng tương tác trên visionOS: có thể thay đổi vùng có thể chạm của liên kết bằng clip-path
• Bộ lọc nền sau: áp dụng hiệu ứng đồ họa cho nội dung phía sau phần tử. Giờ đây có thể dùng mà không cần tiền tố -webkit-
• Từ khóa an toàn của Flexbox: xử lý tràn của flex item bằng từ khóa safe
• Hiển thị nội dung: tối ưu hiệu năng bằng thuộc tính content-visibility

Ứng dụng web (Web Apps for Mac)

• Hỗ trợ mở liên kết trong ứng dụng web
• Có thể cá nhân hóa bằng Safari Web Extensions và trình chặn nội dung

Tiện ích mở rộng Safari (Safari Extensions)

• Quản lý thiết bị di động: có thể quản lý trạng thái kích hoạt tiện ích mở rộng, trạng thái duyệt web riêng tư và quyền truy cập website

Media không gian (Spatial Media)

• Ảnh và ảnh toàn cảnh:
  • Có thể xem ảnh không gian và ảnh toàn cảnh toàn màn hình trên web
  • Mang lại trải nghiệm nhập vai thông qua Fullscreen API

HTML

• Gợi ý viết:

  • Hỗ trợ văn bản dự đoán nội tuyến
  • Có thể kiểm soát việc dùng văn bản dự đoán thông qua thuộc tính writingsuggestions

• Đầu vào công tắc:

  • Hỗ trợ phản hồi xúc giác trong <input type=checkbox switch>

• Nhập ngày và giờ:

  • Cải thiện khả năng truy cập của các trường nhập ngày và giờ

• Thuộc tính ARIA:

  • Hỗ trợ aria-braillelabel và aria-brailleroledescription

Media

• Trình xem video:
  • Bổ sung tính năng Viewer để xem video mà không bị làm phiền
  • Tự động chuyển sang chế độ Picture-in-Picture khi chuyển tab

WebRTC

• Bổ sung hỗ trợ:
  • Hỗ trợ định dạng RTP payload HEVC RFC 7789
  • Hỗ trợ xử lý MediaStreamTrack trong dedicated worker

Passkey

• Có thể nâng cấp passkey bằng mediation=conditional
• Hỗ trợ dùng passkey giữa các domain liên quan
• Hỗ trợ tiện ích mở rộng WebAuthn prf

HTTPS

• Tự động nâng cấp mọi hình ảnh, video và âm thanh sang HTTPS trong thiết lập mixed content

JavaScript

• Hỗ trợ ký tự Unicode 15.1.0
• Hỗ trợ cờ v và RegExp.prototype[Symbol.matchAll]

Web API

• Hỗ trợ phương thức URL.parse()
• Hỗ trợ các thuộc tính shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable
• Hỗ trợ thuộc tính hasUAVisualTransition của PopStateEvent
• Hỗ trợ Subresource Integrity cho module script
• Hỗ trợ phương thức bytes()
• Hỗ trợ phát hiện text fragments

Canvas

• Hỗ trợ thuộc tính context willReadFrequently
• Mở rộng hỗ trợ currentcolor trong canvas 2D

WebGL

• Hỗ trợ 6 tiện ích mở rộng WebGL, bao gồm EXT_texture_mirror_clamp_to_edge

Web Inspector

• Hỗ trợ tự động hoàn thành fuzzy search trong trình biên tập mã nguồn CSS

WKWebView

• API mới: hỗ trợ Writing Tools API và API chèn adaptive image glyph

Apple Pay

• Bổ sung hỗ trợ: hỗ trợ chuyển tiền mặt Apple Pay

Ngừng hỗ trợ (Deprecations)

• Phương thức commit() của OffscreenCanvasRenderingContext2D
• Nhiều thuộc tính và pseudo-class có tiền tố -webkit
• Định dạng ảnh JPEG2000
• Chấm dứt hoàn toàn hỗ trợ AppCache
• Giao diện SVGAnimateColorElement
• Một số Web API không tiêu chuẩn