Nuevo en la plataforma web en febrero

Descubre algunas de las interesantes funciones que llegaron a las versiones estable y beta. navegadores web en febrero de 2024.

En febrero de 2024, Firefox 123 y Chrome 122 se volvió estable. 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 de <template> de la imagen, lo que respalda el Shadow DOM declarativo. Esta función se une al modelo de referencia, recientemente disponible, ya que es interoperable con todos los navegadores clave.

Navegadores compatibles

  • 111
  • 111
  • 123
  • 16.4

Origen

103 Early Hints: precarga

Firefox 123 incluye 103 sugerencias iniciales de estado para la precarga de recursos.

Navegadores compatibles

  • 103
  • 103
  • 123
  • x

Cambios en la herencia de ::backdrop de CSS

El seudoelemento de CSS ::backdrop es un cuadro del tamaño del viewport. se renderiza inmediatamente debajo de cualquier elemento que se presente en la capa superior. En la especificación original de ::backdrop, se especificó que no se heredó de ningún elemento y no se hereda de él. Esto significa que ::backdrop hizo no tienen acceso a las propiedades personalizadas declaradas en :root.

Se cambió la especificación para permitir que ::backdrop herede propiedades a partir de su elemento de origen. Este cambio se implementará en Chrome 122.

Obtén más información sobre las cambios en ::backdrop.

API de Storage Buckets

Chrome 122 incluye la API de Storage Buckets. Esta API permite que los sitios organicen los datos del dispositivo en buckets, los datos del grupo se pueden expulsar independientemente de los datos conservados en otros buckets.

Obtén más información en el Documentación de la API de Storage Buckets.

Navegadores compatibles

  • 122
  • 122
  • x
  • x

API de Async Clipboard: Lee código HTML sin depurar

La versión beta de Chrome 122 incluye una opción unsanitized en el método read() de la API de Async Clipboard para recuperar el formato HTML sin depurar.

Métodos Set de JavaScript

Chrome 122 implementa los siguientes métodos de Set:

Estos métodos ya están implementados en la versión 17 de Safari y están en Firefox Nightly.

Navegadores compatibles

  • 122
  • 122
  • 127
  • 17

Origen

Versiones beta del navegador

Las versiones beta del navegador te ofrecen una vista previa de lo que encontrarás en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones o que podrían afectar a tu sitio antes de que el mundo reciba ese lanzamiento. Nuevo las versiones beta son Firefox 124, Lanzamiento de Chrome 123 este mes. Safari 17.4 está en curso. Estos lanzamientos traen muchas funciones excelentes a la plataforma. Consulta la versión notas para todos los detalles. Estos son solo algunos de los aspectos destacados.

Chrome 123 incluye varias funciones de CSS nuevas. La función de color light-dark() facilita la adaptación de los esquemas de colores a las preferencias del usuario. El field-sizing La propiedad de entrada habilita campos de entrada de texto de crecimiento automático. Hay un nuevo contenido multimedia para probar apps que se muestran en el modo de pantalla en pantalla.

La propiedad text-spacing-trim aplica el kernel en chino, japonés y y coreano (CJK) para ajustar el espaciado excesivo. Más información en Presentamos cuatro funciones internacionales nuevas para CSS.

En las versiones beta de Chrome 123 y Safari 17.4, se admite align-content en el diseño de bloques y tablas. Más información el cambio a align-content y asistencia. Prueba tus sitios si puedes estar usando la propiedad fuera de la cuadrícula de forma flexible o flexible, ya que comenzará a generar una alineación donde antes no estaba funcional en el diseño de bloques.

Firefox 124 incluye compatibilidad con las CSS content-visibility. Esta propiedad controla si un elemento renderiza su contenido. lo que permite que los navegadores omitan la renderización del contenido hasta que sea necesario.