ฟีเจอร์ใหม่ของ WebKit ที่รวมอยู่ใน Safari 18 เบต้า

เพิ่มการรองรับ WebXR

• Safari 18 ใน visionOS 2 beta รองรับ WebXR แล้ว ทำให้สามารถมอบประสบการณ์แบบ immersive ให้กับผู้ใช้ Apple Vision Pro ได้
• รองรับเซสชัน immersive-vr
• ใช้งานกราฟิกเร่งความเร็วด้วยฮาร์ดแวร์ผ่าน WebGL
• รองรับโหมด transient-pointer ที่ใช้การป้อนข้อมูลตามธรรมชาติ
• เพิ่มความสามารถในการติดตามมือ โดยต้องมีการขอสิทธิ์เพื่อปกป้องความเป็นส่วนตัวของผู้ใช้

CSS

• View Transitions:
  • เพิ่มการรองรับ View Transitions API
  • ทำแอนิเมชันการเปลี่ยนสถานะขององค์ประกอบได้
  • เริ่มการเปลี่ยนผ่านด้วยเมธอด document.startViewTransition()
  • หลังจับสถานะแล้วสามารถปรับแต่งแอนิเมชันด้วย CSS ได้
• Style Queries:
  • รองรับ style queries เมื่อตรวจสอบ CSS custom properties
  • ใช้กำหนดสไตล์ตามเงื่อนไขที่ระบุได้
• Relative Color Syntax:
  • นิยามสีใหม่แบบไดนามิกจากสีเดิมได้
  • อ้างอิง currentcolor และคีย์เวิร์ดสีของระบบได้
• แอนิเมชันของ display: รองรับ transition animation ของพร็อพเพอร์ตี display
• พื้นที่โต้ตอบบน visionOS: ใช้ clip-path เพื่อเปลี่ยนพื้นที่ที่แตะได้ของลิงก์
• Backdrop Filter: ใช้เอฟเฟกต์กราฟิกกับเนื้อหาด้านหลังองค์ประกอบได้ และตอนนี้ใช้ได้โดยไม่ต้องมีคำนำหน้า -webkit-
• คีย์เวิร์ด safe ของ Flexbox: ใช้คีย์เวิร์ด safe เพื่อจัดการ overflow ของ flex item
• Content Visibility: ปรับแต่งประสิทธิภาพด้วยพร็อพเพอร์ตี content-visibility

เว็บแอป (Web Apps for Mac)

• รองรับการเปิดลิงก์จากภายในเว็บแอป
• ปรับแต่งการใช้งานส่วนบุคคลได้ผ่าน Safari Web Extensions และ content blockers

ส่วนขยาย Safari (Safari Extensions)

• การจัดการอุปกรณ์พกพา: สามารถจัดการสถานะการเปิดใช้งานส่วนขยาย สถานะการท่องเว็บแบบส่วนตัว และการเข้าถึงเว็บไซต์ได้

สื่อเชิงพื้นที่ (Spatial Media)

• ภาพถ่ายและพาโนรามา:
  • ดูภาพถ่ายเชิงพื้นที่และภาพพาโนรามาแบบเต็มหน้าจอบนเว็บได้
  • มอบประสบการณ์แบบ immersive ผ่าน Fullscreen API

HTML

• คำแนะนำการเขียน:

  • รองรับข้อความคาดเดาแบบอินไลน์
  • ควบคุมการใช้ข้อความคาดเดาได้ผ่านแอตทริบิวต์ writingsuggestions

• Switch Input:

  • รองรับ haptic feedback ใน <input type=checkbox switch>

• การป้อนวันที่และเวลา:

  • ปรับปรุงการเข้าถึงของช่องกรอกวันที่และเวลา

• แอตทริบิวต์ ARIA:

  • รองรับ aria-braillelabel และ aria-brailleroledescription

สื่อ (Media)

• ตัวแสดงวิดีโอ:
  • เพิ่มฟีเจอร์ Viewer สำหรับดูวิดีโอโดยไม่มีสิ่งรบกวน
  • เมื่อสลับแท็บจะเปลี่ยนเป็นโหมด Picture-in-Picture โดยอัตโนมัติ

WebRTC

• เพิ่มการรองรับ:
  • รองรับรูปแบบ RTP payload ของ HEVC RFC 7789
  • รองรับการจัดการ MediaStreamTrack ใน dedicated worker

Passkeys

• อัปเกรด passkey ได้ด้วย mediation=conditional
• รองรับการใช้ passkey ข้ามโดเมนที่เกี่ยวข้องกัน
• รองรับส่วนขยาย WebAuthn prf

HTTPS

• ในการตั้งค่า mixed content จะอัปเกรดรูปภาพ วิดีโอ และเสียงทั้งหมดเป็น HTTPS โดยอัตโนมัติ

JavaScript

• รองรับอักขระ Unicode 15.1.0
• รองรับแฟล็ก v และ RegExp.prototype[Symbol.matchAll]

เว็บ API (Web API)

• รองรับเมธอด URL.parse()
• รองรับพร็อพเพอร์ตี shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable
• รองรับพร็อพเพอร์ตี hasUAVisualTransition ของ PopStateEvent
• รองรับ Subresource Integrity สำหรับ module script
• รองรับเมธอด bytes()
• รองรับการตรวจจับ text fragments

Canvas

• รองรับ context attribute willReadFrequently
• ขยายการรองรับ currentcolor ใน 2D canvas

WebGL

• รองรับส่วนขยาย WebGL 6 รายการ เช่น EXT_texture_mirror_clamp_to_edge

Web Inspector

• รองรับการเติมคำอัตโนมัติแบบ fuzzy search ในตัวแก้ไขซอร์ส CSS

WKWebView

• API ใหม่: รองรับ Writing Tools API และ API สำหรับแทรก adaptive image glyph

Apple Pay

• เพิ่มการรองรับ: รองรับการโอนเงินสดด้วย Apple Pay

การเลิกใช้งาน (Deprecations)

• เมธอด commit() ของ OffscreenCanvasRenderingContext2D
• พร็อพเพอร์ตีและ pseudo-class ที่มีคำนำหน้า -webkit หลายรายการ
• รูปแบบภาพ JPEG2000
• ยุติการรองรับ AppCache อย่างสมบูรณ์
• อินเทอร์เฟซ SVGAnimateColorElement
• Web API ที่ไม่เป็นมาตรฐานบางรายการ