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 mencionadas aquí a través de los vínculos proporcionados o en la lista en ChromeStatus.com. Chrome 114 está en versión beta a partir del 3 de mayo de 2023. Puedes descargar la versión más reciente en Google.com para computadoras de escritorio o en Google Play Store para Android.
CSS
Esta versión agrega dos funciones nuevas de CSS.
Balanceo de títulos de CSS
Esta función proporciona una forma de equilibrar la longitud de las líneas en un elemento, para una mejor legibilidad y minimizar la cantidad de huérfanos tipográficos, para 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 de 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 abreviatura de estas propiedades.
Obtén más información en CSS text-wrap: balance.
Alias overflow: overlay de overflow: auto
En Chrome 114, se quita el modo de desplazamiento overflow: overlay y se convierte overlay en un alias heredado de auto. Usar overflow: overlay es lo mismo que overflow: auto, excepto que no impide que el contenido se extienda al 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 se produce ningún efecto).
APIs web
API de NotRestoredReason para la memoria caché atrás/adelante
La API NotRestoredReason informa la lista de motivos por los que no se entrega una página desde BFcache en una estructura de árbol de marcos mediante la API de PerformanceNavigationTiming.
Cookies con estado particionado independiente (CHIPS)
Chrome planea hacer que las cookies de terceros queden obsoletas, por lo que los desarrolladores necesitan poder usar cookies en contextos de terceros particionados por sitios 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 zonas de pruebas). El atributo de cookie CHIPS de Partitioned permite a los desarrolladores habilitar la partición de cookies de terceros según el sitio de nivel superior. CHIPS se habilita mediante las variaciones de Chrome en Chrome 110 y versiones más recientes. En Chrome 114, CHIPS estará habilitado de forma predeterminada para todas las instancias del navegador.
Obtén más información sobre CHIPS.
El evento scrollend
Este evento brinda a los desarrolladores claridad sobre cuándo se completa un desplazamiento (incluidos el desplazamiento en sí y las actualizaciones de los desplazamientos del desplazamiento) a través de los objetos de escucha de eventos. Saber cuándo se completa un desplazamiento es útil por varias razones. Por ejemplo, la sincronización de alguna lógica en la sección ajustada, la recuperación de elementos en una lista o la activación de animaciones nuevas. Esta función simplifica en gran medida la lógica para controlar los efectos de final del desplazamiento, lo que garantiza que sean coherentes en muchas modalidades de entrada diferentes. Actualmente, para abordar esta necesidad, los desarrolladores observan eventos de desplazamiento y compilan algoritmos de tiempo de espera ad hoc.
Obtén más información sobre el evento scrollend.
La API de Popover
Es una API que se puede usar para compilar elementos de interfaz de usuario (IU) transitorios que se muestran sobre el resto de la IU de la app web. Estas incluyen elementos interactivos para los usuarios, como menús de acciones, sugerencias de elementos de formulario, IU de enseñanza y selectores de contenido. Esta API usa un nuevo atributo de contenido popover para permitir que se muestre cualquier elemento en la capa superior. Es similar al elemento <dialog>, pero tiene varias diferencias importantes, como el comportamiento de la opción de descartar la luz, la administración de la interacción de ventanas emergentes y la compatibilidad con eventos, además de la falta de un modo "modal".
Obtén más información sobre la API de Popover.
Opción exclusionFilters de Bluetooth web en requestDevice()
La opción exclusionFilters en navigator.bluetooth.requestDevice() permite a los desarrolladores web excluir algunos dispositivos del selector de navegadores. Se puede usar para excluir dispositivos que coincidan con un filtro más amplio, pero que no sean compatibles.
Consulta el código de muestra que ilustra el uso de la API de Web Bluetooth para recuperar información básica del dispositivo desde un dispositivo Bluetooth de bajo consumo cercano que incluye filtros básicos de exclusión.
Propuesta constante extendida de WebAssembly
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 web y entre aplicaciones
Extiende la API de Attribution Reporting para permitir que las conversiones que se producen en la Web se atribuyen a eventos que ocurren fuera del navegador, dentro de otras aplicaciones. Esta propuesta aprovecha la compatibilidad a nivel del SO para la atribución. En particular, le brinda al desarrollador la opción de permitir que los eventos de la Web móvil se puedan unir con eventos en Privacy Sandbox de Android, aunque también se podría implementar la compatibilidad con otras plataformas.
Regístrese para la prueba de la medición de atribución web y entre aplicaciones
API de Background Blur
La API de Background Blur permite que los desarrolladores web usen la API de la plataforma nativa para segmentar el fondo de la cámara. Dado que el desenfoque del fondo se ha convertido en una de las funciones más usadas en las apps de videoconferencias, queremos que las apps web aprovechen las mismas APIs de la plataforma sin depender de frameworks de AA como TensorFlow.js, Mediapipe, bibliotecas WASM o soluciones basadas en la nube.
Regístrate en la prueba de origen de Desenfoque de fondo.
Bajas y eliminaciones
No hay nuevas bajas ni eliminaciones en Chrome 114.