Nuevas funciones de WebKit incluidas en la beta de Safari 18

Se agregó soporte para WebXR

• Safari 18 en visionOS 2 beta ahora es compatible con WebXR. Esto permite ofrecer experiencias inmersivas a quienes usan Apple Vision Pro.
• Soporte para sesiones immersive-vr
• Uso de gráficos con aceleración por hardware mediante WebGL
• Soporte para el modo transient-pointer con entrada natural
• Se agregó seguimiento de manos, con solicitud de permisos necesaria para proteger la privacidad del usuario

CSS

• Transiciones de vista (View Transitions):
  • Se agregó soporte para la API de transiciones de vista
  • Permite animaciones de transición entre estados de elementos
  • Inicio de la transición con el método document.startViewTransition()
  • Después de capturar el estado, es posible modificar la animación con CSS
• Consultas de estilo (Style Queries):
  • Soporte para consultas de estilo al probar propiedades personalizadas de CSS
  • Permite aplicar estilos según condiciones específicas
• Sintaxis de color relativo (Relative Color Syntax):
  • Definición dinámica de nuevos colores a partir de colores existentes
  • Permite referenciar currentcolor y palabras clave de colores del sistema
• Animación de display: soporte para animaciones de transición de la propiedad display
• Áreas de interacción en visionOS: clip-path permite cambiar el área táctil de los enlaces
• Filtro de fondo: aplica efectos gráficos al contenido detrás de un elemento. Ahora puede usarse sin el prefijo -webkit-
• Palabra clave segura en Flexbox: uso de la palabra clave safe para manejar el overflow de los elementos flex
• Visibilidad de contenido: optimización de rendimiento con la propiedad content-visibility

Apps web (Web Apps for Mac)

• Soporte para abrir enlaces desde apps web
• Posibilidad de personalización mediante extensiones web de Safari y bloqueadores de contenido

Extensiones de Safari (Safari Extensions)

• Administración de dispositivos móviles: permite gestionar el estado de activación de las extensiones, el estado de navegación privada y el acceso a sitios web

Medios espaciales (Spatial Media)

• Fotos y panoramas:
  • Las fotos espaciales y panoramas pueden verse en pantalla completa en la web
  • El Fullscreen API permite ofrecer una experiencia inmersiva

HTML

• Sugerencias de escritura:

  • Soporte para texto predictivo en línea
  • El atributo writingsuggestions permite controlar el uso de texto predictivo

• Entrada tipo switch:

  • Soporte para retroalimentación háptica en <input type=checkbox switch>

• Entrada de fecha y hora:

  • Mejoras de accesibilidad en los campos de entrada de fecha y hora

• Atributos ARIA:

  • Soporte para aria-braillelabel y aria-brailleroledescription

Medios (Media)

• Visor de video:
  • Se agregó una función Viewer para ver videos sin interrupciones
  • Al cambiar de pestaña, cambia automáticamente al modo Picture-in-Picture

WebRTC

• Nuevo soporte:
  • Soporte para el formato de payload RTP HEVC RFC 7789
  • Soporte para procesar MediaStreamTrack en workers dedicados

Passkeys

• Posibilidad de actualizar passkeys con mediation=conditional
• Soporte para usar passkeys entre dominios relacionados
• Soporte para la extensión prf de WebAuthn

HTTPS

• En la configuración de contenido mixto, todas las imágenes, videos y audios se actualizan automáticamente a HTTPS

JavaScript

• Soporte para caracteres Unicode 15.1.0
• Soporte para la bandera v y RegExp.prototype[Symbol.matchAll]

API web (Web API)

• Soporte para el método URL.parse()
• Soporte para las propiedades shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable
• Soporte para la propiedad hasUAVisualTransition de PopStateEvent
• Soporte para integridad de subrecursos en scripts de módulo
• Soporte para el método bytes()
• Soporte para detección de fragmentos de texto

Canvas

• Soporte para la propiedad de contexto willReadFrequently
• Ampliación del soporte de currentcolor en Canvas 2D

WebGL

• Soporte para 6 extensiones de WebGL, incluida EXT_texture_mirror_clamp_to_edge

Web Inspector

• Soporte para autocompletado con búsqueda difusa en el editor de código fuente CSS

WKWebView

• Nuevas API: soporte para Writing Tools API y la API de inserción de glifos de imagen adaptativa

Apple Pay

• Nuevo soporte: soporte para transferencias de efectivo con Apple Pay

Obsolescencias (Deprecations)

• El método commit() de OffscreenCanvasRenderingContext2D
• Varias propiedades y pseudoclases con prefijo -webkit
• El formato de imagen JPEG2000
• Fin total del soporte para AppCache
• La interfaz SVGAnimateColorElement
• Algunas Web API no estándar