Descubre algunas de las funciones interesantes que se lanzaron a navegadores web estables y beta durante febrero de 2024.
Versiones del navegador estable
En febrero de 2024, Firefox 123 y Chrome 122 se estabilizaron. En esta publicación, se analizan las nuevas funciones que se agregaron a la plataforma web.
Shadow DOM declarativo
Firefox 123 admite el atributo shadowrootmode del elemento <template>, por lo que admite el Shadow DOM declarativo.
Esta función ahora se une a Baseline recientemente disponible, ya que es interoperable en todos los navegadores clave.
Navegadores compatibles
- 111
- 111
- 123
- 16.4
103 Early Hints: precarga
Firefox 123 incluye el código de estado 103 Early Hints para precargar recursos.
Navegadores compatibles
- 103
- 103
- 123
- x
Cambios en la herencia de ::backdrop del CSS
El seudoelemento CSS ::backdrop es un cuadro del tamaño del viewport, que se renderiza inmediatamente debajo de cualquier elemento que se presente en la capa superior.
La especificación original para ::backdrop especificó que no se heredó de ningún elemento y de los que no se hereda. Esto significaba que ::backdrop no tenía acceso a las propiedades personalizadas declaradas en :root.
Se modificó la especificación para permitir que ::backdrop herede propiedades de su elemento de origen. Este cambio se implementa en Chrome 122.
Obtén más información sobre los cambios en ::backdrop.
API de Storage Buckets
Chrome 122 incluye la API de Storage Buckets. Esta API brinda a los sitios la capacidad de organizar los datos en el dispositivo en buckets, de modo que los datos del grupo se pueden expulsar independientemente de los datos almacenados en otros buckets.
Obtén más información en la documentación de la API de Storage Buckets.
Navegadores compatibles
- 122
- 122
- x
- x
API de Async Clipboard: Lee código HTML no limpio
Chrome 122 beta incluye una opción unsanitized en el método read() de la API de Async Clipboard para recuperar el formato HTML no limpio.
Métodos Set de JavaScript
Chrome 122 implementa los siguientes métodos de Set:
Estos métodos ya están implementados en Safari, a partir de la versión 17, y se encuentran en Firefox Nightly.
Versiones del navegador Beta
Las versiones del navegador beta te ofrecen una vista previa de los elementos que estarán en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente. Las nuevas versiones beta son Firefox 124, el lanzamiento de Chrome 123 este mes y Safari 17.4 está 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 algunos aspectos destacados.
Chrome 123 incluye varias funciones nuevas de CSS. La función de color light-dark() facilita la adaptación de los esquemas de colores a las preferencias del usuario. La propiedad field-sizing habilita los campos de entrada de texto que aumentan automáticamente. Hay una nueva función multimedia para probar las apps que se muestran en el modo de pantalla en pantalla.
La propiedad text-spacing-trim aplica el interlineado a los caracteres de puntuación chinos, japoneses y coreanos (CJK) para ajustar el espaciado excesivo.
Obtén más información en Presentamos cuatro nuevas funciones internacionales para CSS.
En las versiones beta de Chrome 123 y Safari 17.4, se admite align-content en el diseño de tablas y bloques. Obtén más información sobre el cambio en la compatibilidad con align-content. Prueba tus sitios si estás usando la propiedad fuera de la cuadrícula o los diseños flexibles, ya que esto comenzará a alinearse donde antes no funcionaba en el diseño de bloques.
Firefox 124 incluye compatibilidad con la propiedad content-visibility de CSS.
Esta propiedad controla si un elemento renderiza su contenido, lo que permite que los navegadores omitan la renderización de contenido hasta que sea necesario.