Die neuen WebKit-Funktionen in Safari 17.2

HTML

• Exklusives Accordion: Das <details>-Element unterstützt das Attribut name. Wird ein Eintrag ausgewählt, werden andere Elemente automatisch geschlossen
• Unterstützung für die automatische Eingabe von per SMS empfangenen OTP-Codes durch autocomplete="one-time-code" in <input>-Feldern

CSS

• Beim CSS Nesting entfällt die Einschränkung, dass bei Element-Selektoren ein & vorangestellt werden muss
• Unterstützung für Root-Units wie rcap, rex, ric, rch usw.
• CSS Motion Path wurde aktualisiert, um die Web-Standards besser einzuhalten
• Unterstützung für die Funktion linear() bei Animationen und Transitions hinzugefügt
• Unterstützung für mathematische Funktionen wie rem(), mod(), round() usw.
• Unterstützung für die Eigenschaft counter-set
• Das Browser-Präfix wird bei -webkit-mask-box-image entfernt, stattdessen direkte Unterstützung für mask-border-[mode|outset|repeat|slice|source|width]
• Unterstützung für die Custom Highlights API: Ähnlich wie ::selection lassen sich mit der Funktion ::highlight() benutzerdefinierte Hervorhebungen festlegen

Image und Video

• Unterstützung für Preloading responsiver Bilder: imagesrcset/imagesizes von <link rel=preload> können genauso wie srcset/sizes von <img> verwendet werden
• Die Verwendung des tatsächlichen Bildwerts bei der Eigenschaft imageOrientation wurde passender von none zu from-image geändert
• Unterstützung für SVG-<image crossorigin>
• Unterstützung für den Codec H264 L1T2
• Das Browser-Präfix wird bei webkitPreservesPitch entfernt und als HTMLMediaElement.preservesPitch hinzugefügt

JavaScript

• Unterstützung für Import Attributes (Typinformationen können beim Import hinzugefügt werden)
• Unterstützung für FormatApproximately in Intl.NumberFormat

Web API

• Unterstützung für Fetch Priority: Für Bilder, Skripte, CSS usw. kann fetchpriority=[high|low|auto] gesetzt werden
• Unterstützung für das Attribut title bei der Formularvalidierung. Bei Validierungsfehlern wird der title-Wert angezeigt
• Unterstützung für CanvasRenderingContext2D.prototype.reset()
• Unterstützung dafür, bestimmte Mausereignisse an deaktivierte Formular-Controls zu senden: mouseenter, mouseleave, mousemove, mouseover, mousewheel usw. click/mouseup/mousedown werden nicht empfangen

Web Apps

• Login-Cookies: Auch wenn Web-Apps unter macOS mit „Add to Dock“ oder unter iOS mit „Add to Home Screen“ hinzugefügt werden, können Login-Cookies gespeichert werden, sodass die Anmeldung erhalten bleibt
• Die Darstellung von Web-App-Icons wurde verbessert. Für die beste Erfahrung sollten SVGs oder Bilder mit mindestens 1024x1024 bereitgestellt werden
• In Web-Apps auf dem Mac kann „Statusleiste anzeigen“ aktiviert werden. Außerdem lässt sich die zuerst zu ladende Seite im Web-App-Fenster einfacher ändern

WebGL

• Unterstützung für neue WebGL-Erweiterungen: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

• Blob-Partitioning hinzugefügt

Web Inspector

• Unterstützung für Farbvariablen in der Farbpalette
• Animationstiming anpassen und in der Vorschau betrachten