Các tính năng WebKit mới trong Safari 17.2

HTML

• Exclusive Accordion: hỗ trợ thuộc tính name cho phần tử <details>. Khi chọn một mục, các mục khác sẽ tự động đóng
• Hỗ trợ tự động điền mã OTP nhận qua tin nhắn bằng cách thêm autocomplete="one-time-code" vào trường <input>

CSS

• Khi dùng CSS Nesting, bỏ giới hạn phải gắn & vào selector phần tử
• Hỗ trợ các đơn vị Root như rcap, rex, ric, rch
• Cập nhật CSS Motion Path để tuân thủ tiêu chuẩn web tốt hơn
• Bổ sung hỗ trợ hàm linear() cho animation và transition
• Hỗ trợ các hàm toán học như rem(), mod(), round()
• Hỗ trợ thuộc tính counter-set
• Gỡ browser prefix khỏi -webkit-mask-box-image và hỗ trợ trực tiếp mask-border-[mode|outset|repeat|slice|source|width]
• Hỗ trợ Custom Highlights API: có thể tùy biến các mục như ::selection bằng hàm ::highlight()

Hình ảnh và Video

• Hỗ trợ preloading cho Responsive Image: có thể dùng imagesrcset/imagesizes của <link rel=preload> giống hệt srcset/sizes của <img>
• Đổi giá trị sử dụng nguyên thông tin hình ảnh của thuộc tính imageOrientation từ none sang from-image, phù hợp hơn
• Hỗ trợ <image crossorigin> của SVG
• Hỗ trợ codec H264 L1T2
• Gỡ browser prefix khỏi webkitPreservesPitch và bổ sung dưới dạng HTMLMediaElement.preservesPitch

JavaScript

• Hỗ trợ import attributes (có thể thêm thông tin kiểu khi import)
• Hỗ trợ FormatApproximately của Intl.NumberFormat

Web API

• Hỗ trợ Fetch Priority: có thể đặt fetchpriority=[high|low|auto] cho hình ảnh, script, CSS, v.v.
• Hỗ trợ thuộc tính title khi Form Validation. Khi có lỗi xác thực sẽ hiển thị giá trị title
• Hỗ trợ CanvasRenderingContext2D.prototype.reset()
• Hỗ trợ gửi một số mouse event tới form control bị disabled: mouseenter, mouseleave, mousemove, mouseover, mousewheel v.v. Không nhận được click/mouseup/mousedown

Web Apps

• Login Cookies: ngay cả khi web app được thêm bằng "Add to Dock" trên macOS hoặc "Add to HomeScreen" trên iOS, cookie đăng nhập vẫn được lưu để duy trì trạng thái đăng nhập
• Biểu tượng web app được cải thiện để trông gọn gàng hơn. Để có trải nghiệm tốt nhất nên cung cấp SVG hoặc hình ảnh từ 1024x1024 trở lên
• Trên web app của macOS, có thể bật "Hiển thị thanh trạng thái". Cũng có thể dễ dàng thay đổi trang sẽ được tải đầu tiên trong cửa sổ web app

WebGL

• Hỗ trợ các phần mở rộng WebGL mới: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

• Bổ sung blob partitioning

Web Inspector

• Hỗ trợ Color Variable trong bảng màu
• Xem bằng cách điều chỉnh thời gian animation