Balanceo de títulos de CSS, CHIPS, el evento de desplazamiento y ventana emergente
A menos que se indique lo contrario, los cambios que se describen a continuación se aplican a la versión más reciente del canal beta de Chrome para Android, ChromeOS, Linux, macOS y Windows. Obtén más información sobre las funciones que se enumeran aquí a través de los vínculos proporcionados o de la lista en ChromeStatus.com. Chrome 114 está beta desde el 3 de mayo de 2023. Puedes descargar la versión más reciente en Google.com para computadoras o desde Google Play Store para Android.
CSS
Esta versión agrega dos funciones de CSS nuevas.
Balanceo de títulos de CSS
Esta función proporciona una forma de equilibrar la longitud de las líneas de un elemento para mejorar la legibilidad y minimizar los huérfanos tipográficos, para el texto que fluye en cuatro líneas o menos. Esto suele ser útil para los títulos. Por ejemplo, el siguiente CSS equilibraría todos los niveles del título y los bloques entrecomillados:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Además de la propiedad text-wrap, también se admite la propiedad white-space-collapse, y la propiedad white-space se convierte en una versión abreviada de estas propiedades.
Obtén más información en CSS text-wrap: balance.
Alias de overflow: overlay a overflow: auto
Chrome 114 quita el modo de desplazamiento overflow: overlay y convierte a overlay en un alias heredado de auto. El uso de overflow: overlay es lo mismo que el de overflow: auto, con la excepción de que no evita que el contenido se extienda en el margen de la barra de desplazamiento en los casos en que estén presentes barras de desplazamiento del SO que no estén superpuestas. (Si hay barras de desplazamiento superpuestas, no tiene efecto).
API web
API de NotRestoredReason para la memoria caché atrás/adelante
La API de NotRestoredReason informa la lista de motivos por los que no se publica una página desde BFcache en una estructura de árbol de marcos a través de la API de PerformanceNavigationTiming.
Cookies con estado particionado independiente (CHIPS)
Chrome planea dar de baja las cookies de terceros, por lo que los desarrolladores necesitan poder usarlas en contextos de terceros particionados por un sitio de nivel superior. Esto es necesario para los casos de uso que no están relacionados con el seguimiento entre sitios. Por ejemplo, incorporaciones de SaaS, CMS sin interfaz gráfica y dominios de zona de pruebas). El atributo de cookie CHIPS de Partitioned permite a los desarrolladores habilitar la partición de sus cookies de terceros por el sitio de nivel superior. CHIPS se habilita a través de las variaciones de Chrome en Chrome 110 y versiones posteriores. En Chrome 114, CHIPS estará habilitado de forma predeterminada para todas las instancias de navegadores.
Obtén más información sobre CHIPS.
El evento scrollend
Este evento les brinda a los desarrolladores claridad sobre el momento en que se completa un desplazamiento (incluidos el desplazamiento en sí y las actualizaciones de los desplazamientos a partir del desplazamiento) a través de objetos de escucha de eventos. Saber cuándo se completa un desplazamiento es útil por varias razones. Por ejemplo, para sincronizar alguna lógica en la sección ajustada, recuperar elementos de una lista o activar animaciones nuevas. Esta función simplifica en gran medida la lógica para controlar los efectos de fin de desplazamiento, lo que garantiza que sean coherentes en muchas modalidades de entrada diferentes. En la actualidad, los desarrolladores abordan esta necesidad observando eventos de desplazamiento y creando algoritmos de tiempo de espera ad hoc.
Obtén más información sobre el evento scrollend.
La API de Popover
Una API que se puede usar para compilar elementos transitorios de la interfaz de usuario (IU) que se muestran encima de todas las demás IU de apps web. Estos incluyen elementos interactivos para el usuario, como menús de acciones, sugerencias de elementos de formulario, selectores de contenido y una IU de enseñanza. Esta API usa un nuevo atributo de contenido popover para permitir que cualquier elemento se muestre en la capa superior. Esto es similar al elemento <dialog>, pero tiene varias diferencias importantes, incluido el comportamiento de descarte de luz, la administración de la interacción de ventanas emergentes y la compatibilidad con eventos, y la falta de un "modal" .
Obtén más información sobre la API de Popover.
Opción exclusionFilters de Bluetooth web en requestDevice()
La opción exclusionFilters de navigator.bluetooth.requestDevice() permite a los desarrolladores web excluir algunos dispositivos del selector del navegador. Se puede usar para excluir dispositivos que coincidan con un filtro más amplio, pero que no sean compatibles.
Ver código de ejemplo que ilustra el uso de la API de Web Bluetooth para recuperar información básica del dispositivo de un dispositivo Bluetooth de bajo consumo cercano que incluye filtros de exclusión básicos.
WebAssembly extendió la propuesta constante
Chrome 114 implementa la propuesta constante extendida de WebAssembly. Esta propuesta agrega las siguientes instrucciones nuevas a la lista de instrucciones constantes válidas: i32.add, i32.sub, i32.mul, i64.add, i64.sub y i64.mul.
Pruebas de origen en curso
En Chrome 114, puedes habilitar las siguientes pruebas de origen nuevas.
Medición de atribución en la aplicación y en la Web
Extiende la API de Attribution Reporting para permitir la atribución de las conversiones que ocurren en la Web a eventos que ocurren fuera del navegador, dentro de otras aplicaciones. La propuesta aquí aprovecha la compatibilidad a nivel del SO para la atribución. En particular, brinda al desarrollador la opción de permitir que los eventos de la Web móvil se puedan unir a los eventos de Privacy Sandbox de Android, aunque también podría implementarse la compatibilidad con otras plataformas.
Regístrate para participar en la prueba de medición de atribución web y de aplicación cruzada
La API de Background Blur
La API de fondo de desenfoque permite a los desarrolladores web utilizar la API de la plataforma nativa para la segmentación de fondo de la cámara. Dado que el desenfoque del fondo se ha convertido en una de las funciones más usadas en las aplicaciones de videoconferencia, queremos que las aplicaciones web aprovechen las mismas APIs de la plataforma sin tener que depender de frameworks de AA como TensorFlow.js, Mediapipe, bibliotecas WASM o soluciones basadas en la nube.
Regístrate en la prueba de origen del desenfoque del fondo.
Bajas y eliminaciones
No hay bajas ni eliminaciones nuevas en Chrome 114.