ฟีเจอร์ WebKit ใหม่ใน Safari 17.2

HTML

• Exclusive Accordion: รองรับแอตทริบิวต์ name บนเอลิเมนต์ <details> เมื่อเลือกหนึ่งรายการ รายการอื่นจะปิดโดยอัตโนมัติ
• รองรับการกรอกโค้ด OTP อัตโนมัติที่ได้รับทางข้อความ โดยใส่ autocomplete="one-time-code" ในฟิลด์ <input>

CSS

• ยกเลิกข้อจำกัดที่ต้องใส่ & กับ element selector ตอนใช้ CSS Nesting
• รองรับ Root units เช่น rcap, rex, ric, rch
• อัปเดต CSS Motion Path ให้สอดคล้องกับมาตรฐานเว็บมากขึ้น
• เพิ่มการรองรับฟังก์ชัน linear() สำหรับแอนิเมชันและทรานซิชัน
• รองรับฟังก์ชันคณิตศาสตร์ เช่น rem(), mod(), round()
• รองรับพร็อพเพอร์ตี counter-set
• นำ browser prefix ออกจาก -webkit-mask-box-image และรองรับ mask-border-[mode|outset|repeat|slice|source|width] โดยตรง
• รองรับ Custom Highlights API: สามารถกำหนดแบบคัสตอมในลักษณะเดียวกับ ::selection ได้ผ่านฟังก์ชัน ::highlight()

Image และ Video

• รองรับการ Preloading สำหรับ Responsive Image: สามารถใช้ imagesrcset/imagesizes ของ <link rel=preload> ได้แบบเดียวกับ srcset/sizes ของ <img>
• ปรับค่าให้เหมาะสมขึ้นสำหรับการใช้ค่ารูปภาพเดิมของพร็อพเพอร์ตี imageOrientation จาก none เป็น from-image
• รองรับ <image crossorigin> ของ SVG
• รองรับโคเดก H264 L1T2
• นำ browser prefix ออกจาก webkitPreservesPitch และเพิ่มเป็น HTMLMediaElement.preservesPitch

JavaScript

• รองรับ import attributes (สามารถเพิ่มข้อมูลประเภทตอน import ได้)
• รองรับ FormatApproximately ของ Intl.NumberFormat

Web API

• รองรับ Fetch Priority: สามารถตั้งค่า fetchpriority=[high|low|auto] สำหรับรูปภาพ สคริปต์ CSS ฯลฯ ได้
• รองรับแอตทริบิวต์ title ระหว่างการตรวจสอบความถูกต้องของฟอร์ม โดยจะแสดงค่า title เมื่อเกิด validation error
• รองรับ CanvasRenderingContext2D.prototype.reset()
• รองรับการส่งเมาส์อีเวนต์บางประเภทไปยัง form control ที่ถูก disabled: เช่น mouseenter, mouseleave, mousemove, mouseover, mousewheel เป็นต้น แต่จะไม่รับ click/mouseup/mousedown

Web Apps

• Login Cookies: แม้จะเพิ่มเว็บแอปผ่าน "Add to Dock" บน Mac หรือ "Add to HomeScreen" บน iOS ก็ยังเก็บ login cookie ไว้ได้ ทำให้สถานะล็อกอินคงอยู่
• ปรับให้ไอคอนเว็บแอปดูสะอาดตายิ่งขึ้น เพื่อประสบการณ์ที่ดีที่สุดควรเตรียม SVG หรือรูปภาพขนาด 1024x1024 ขึ้นไป
• บนเว็บแอปของ Mac สามารถเปิดใช้ "แสดงแถบสถานะ" ได้ และเปลี่ยนหน้าแรกที่เว็บแอปจะโหลดในหน้าต่างได้ง่ายขึ้น

WebGL

• รองรับส่วนขยาย WebGL ใหม่: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

• เพิ่ม blob partitioning

Web Inspector

• รองรับ Color Variable ใน color palette
• ปรับแต่งเวลาแอนิเมชันเพื่อดูผลได้