Descubre algunas de las interesantes funciones que llegaron a las versiones estable y beta. navegadores web en febrero de 2024.
Versiones del navegador estable
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.
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.
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.