Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante julio de 2023.
Versiones del navegador estable
En julio de 2023, Firefox 115 y Chrome 115 se estabilizaron. En esta publicación, se explica lo que esto significa para la plataforma web.
Varios valores para la propiedad display
del CSS
Chrome 115 incluye varios valores para la propiedad display
del CSS. Esto significa que display: flex
se convierte en display: block flex
y display: block
se convierte en display: block flow
. Los valores únicos se mantienen como palabras clave heredadas y, ahora, estos valores están disponibles en los tres motores principales.
Navegadores compatibles
- 115
- 115
- 70
- 15
Animaciones basadas en desplazamientos
Además, en Chrome 115 están las extensiones ScrollTimeline
y ViewTimeline
de la especificación de Animaciones web. Habilitan las animaciones basadas en desplazamientos a través de CSS y JavaScript.
APIs de Privacy Sandbox
Las APIs de relevancia y medición de Privacy Sandbox se incluyen en Chrome 115. Esto incluye las APIs de Topics, Protected Audience, Attribution Reporting, Private Aggregation, Shared Storage y Fenced Frames.
Para obtener más información sobre estas APIs, consulta las demostraciones de Privacy Sandbox.
La propiedad animation-composition
Firefox 115 es compatible con la propiedad animation-composition
de CSS. Hacer que animation-composition
sea compatible con los tres motores principales Obtén más información en el artículo Cómo especificar cómo se deben componer varios efectos de animación con una composición de animación.
Métodos de array
Además, para alcanzar la interoperabilidad con Firefox 115, existe un conjunto de métodos para Array
y TypedArray
. Array.toReversed()
, Array.toSorted()
, Array.toSpliced()
, Array.with()
, TypedArrays.toReversed()
, TypedArrays.toSorted()
y TypedArrays.with()
muestran un array nuevo con elementos que se copiaron de forma superficial.
Versiones del navegador Beta
Las versiones de navegador beta te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente. Las nuevas versiones beta son Firefox 116 y Chrome 116. Las versiones beta de Safari 17 y Safari 16.6 aún están en curso. Estos lanzamientos aportan muchas funciones increíbles a la plataforma. Consulta las notas de la versión para obtener todos los detalles. Estos son solo algunos aspectos destacados.
Firefox 116 es compatible con la API de dispositivos de salida de audio en todas las plataformas, excepto Android. Esta API permite que las aplicaciones web redireccionen la salida de audio a auriculares Bluetooth, altavoz o cualquier otro dispositivo permitidos, en lugar de tener que usar el navegador o el SO predeterminado subyacente.
Chrome 116 incluye una ruta de movimiento de CSS que permite que se anime cualquier objeto gráfico a lo largo de una ruta especificada por el desarrollador. Esto permite una serie de nuevas posibilidades de transformación potentes, como el posicionamiento mediante coordenadas polares (con la función ray()
) en lugar de las coordenadas rectangulares estándar usadas por la función translate()
o la animación de un elemento a lo largo de un trazado definido. lo que facilita la definición de transiciones espaciales 2D complejas y atractivas. Se puede especificar una ruta de acceso como circle()
, ellipse()
, rect()
, inset()
, xywh()
, polygon()
, ray()
y url()
.
Además, en Chrome 116 se encuentra la API de pantalla en pantalla de documentos. Esto habilita una ventana siempre activa que se puede propagar con HTMLElements arbitrarios. Esta es una expansión de la API de HTMLVideoElement existente que solo permite que un HTMLVideoElement se coloque en una ventana de pantalla en pantalla (PIP).
Parte de la serie de novedades en la Web