Fecha de lanzamiento estable: 12 de noviembre de 2024
A menos que se indique lo contrario, los siguientes cambios se aplican a la versión del canal estable de Chrome 131 para Android, ChromeOS, Linux, macOS y Windows.
CSS
Posicionamiento de anclaje de CSS: anchor-scope
La propiedad anchor-scope permite limitar la visibilidad de los nombres de ancla a un subárbol determinado.
Error de seguimiento #40281992 | Entrada de ChromeStatus.com | Especificación
CSS font-variant-emoji
La propiedad CSS font-variant-emoji proporciona una forma de controlar entre los glifos de emojis de colores (estilo emoji) y monocromáticos (estilo de texto).
También se puede hacer agregando un selector de variación de emoji, específicamente U+FE0E para el texto y U+FE0F para el emoji, después de cada código de punto de emoji.
MDN font-variant-emoji | Entrada de ChromeStatus.com
Herencia de elementos destacados de CSS
Se esperaba que los cambios en la herencia de elementos destacados de CSS se enviaran en Chrome 131, pero se quitaron por motivos de compatibilidad.
Cambios de herencia para la aplicación de estilos de selección de CSS | Entrada de ChromeStatus.com | Especificación
Se realizaron mejoras en la estructura de diseño de los elementos <details> y <summary>.
Se admiten más diseños de CSS para la estructura de los elementos <details> y <summary>, lo que permite que se usen en más casos en los que se compilan widgets de divulgación o acordeón en la Web. En particular, este cambio quita las restricciones que impedían configurar la propiedad display en estos elementos y agrega un seudoelemento ::details-content para aplicar diseño al contenedor de la parte que se expande y se contrae.
Error de seguimiento #1469418 | Entrada de ChromeStatus.com | Especificación
@page cuadros de margen
Se agregó compatibilidad con los cuadros de margen de página cuando se imprime un documento web o se exporta como PDF.
Los cuadros de margen @page te permiten definir el contenido en el área de margen de una página, por ejemplo, para proporcionar encabezados y pies de página personalizados, en lugar de usar los encabezados y pies de página integrados que genera el navegador.
Un cuadro de margen se define con una regla de at dentro de una regla @page de CSS.
El aspecto y el contenido de un cuadro de margen se especifican con propiedades CSS dentro de la regla de at, incluida la propiedad de contenido.
También se admiten contadores para la numeración de páginas. La especificación define dos nombres de contadores especiales: page para el número de página actual y pages para la cantidad total de páginas.
Agrega contenido a los márgenes de las páginas web cuando se imprimen con CSS | Se realiza un seguimiento del error #320370 | Entrada de ChromeStatus.com | Especificación
@property admite la sintaxis <string>
Compatibilidad con el nombre del componente de sintaxis <string> para las propiedades personalizadas registradas
Error de seguimiento #357751736 | Entrada de ChromeStatus.com | Especificación
Relajación del analizador de selección
Esto hace que el analizador de HTML permita etiquetas en <select>, además de <option>, <optgroup> y <hr>.
Este cambio es compatible con la función <select> personalizable.
Error de seguimiento #335456114 | Entrada de ChromeStatus.com
Compatibilidad con currentcolor en la sintaxis de color relativa
Permite que los colores relativos en CSS (con la palabra clave from) usen currentcolor como base.
Esto te permite establecer colores complementarios, según el color de texto de un elemento, para los bordes, las sombras o los fondos de ese elemento.
Esta función también incluye casos de uso en los que las funciones de color se anidan con una dependencia en el color actual, por ejemplo, color-mix(in srgb, rgb(from currentcolor r g b), white)) o rgb(from rgb(from currentcolor 1 g b) b g r).
Error de seguimiento #325309578 | Entrada de ChromeStatus.com | Especificación
Compatibilidad con recursos SVG externos para las propiedades clip-path, fill, stroke y marker-*
Esta función agrega compatibilidad con referencias externas para los trazados de recorte, los marcadores y los servidores de pintura (para las propiedades fill y stroke). Por ejemplo, clip-path: url("resources.svg#myPath").
Error de seguimiento #40134477 | Entrada de ChromeStatus.com | Especificación
API web
API de Direct Sockets
Permite que las apps web aisladas establezcan comunicaciones directas de protocolo de control de transmisión (TCP) y protocolo de datagramas de usuario (UDP) con dispositivos y sistemas de red, así como escuchar y aceptar conexiones entrantes.
Error de seguimiento #40604287 | Entrada de ChromeStatus.com | Especificación
Se exime el encabezado Speculation-Rules de las restricciones de CSP
Actualiza la integración entre las reglas de especulación y el CSP para que el CSP solo se aplique a <script type=speculationrules> y no al encabezado Speculation-Rules.
Entrada de ChromeStatus.com | Especificación
FedCM como indicador de confianza para la API de Storage Access
Concilia las APIs de FedCM y Storage Access haciendo que un FedCM anterior otorgue un motivo válido para aprobar automáticamente una solicitud de acceso al almacenamiento.
Error de seguimiento #330574529 | Entrada de ChromeStatus.com
Valor de COOP de noopener-allow-popups
Algunos orígenes pueden contener diferentes aplicaciones con diferentes niveles de requisitos de seguridad. En esos casos, puede ser beneficioso evitar que las secuencias de comandos que se ejecutan en una aplicación puedan abrir y escribir páginas de otra aplicación del mismo origen.
En esos casos, puede ser beneficioso para un documento asegurarse de que su abridor no pueda escribir secuencias de comandos, incluso si el documento del abridor es del mismo origen.
El valor de Cross-Origin-Opener-Policy noopener-allow-popups permite que los documentos lo definan.
Error de seguimiento #344963946 | Entrada de ChromeStatus.com
WebHID en trabajadores dedicados
Habilita WebHID dentro de contextos de trabajadores dedicados. Esto te permite realizar E/S intensivas y el procesamiento de datos de un dispositivo HID en un subproceso independiente, lo que ayuda a reducir el impacto en el rendimiento del subproceso principal.
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
Una API que configura los codificadores de WebRTC para escalar fotogramas de entrada si son mayores que los maxWidth y maxHeight especificados. Esta API es similar a scaleResolutionDownBy, excepto que las restricciones de resolución se expresan en términos absolutos (por ejemplo, 640 x 360) en lugar de términos relativos (por ejemplo, reducirse en 2), lo que evita las condiciones de carrera relacionadas con el cambio del tamaño del fotograma de entrada sobre la marcha.
Entrada de ChromeStatus.com | Especificación
Módulo de entrada manual de WebXR, nivel 1
Expone los datos de las articulaciones de la mano en XrInputSources para usarlos durante una sesión de WebXR.
Esto permite que los desarrolladores tengan interacciones más detalladas durante las sesiones de WebXR.
Error de seguimiento #359418633 | Entrada de ChromeStatus.com | Especificación
Renderización y gráficos
Distancias de clip de WebGPU
Se agregó la función opcional de GPU clip-distances que permite establecer distancias de recorte definidas por el usuario en las salidas del sombreador de vértices.
Esta técnica es particularmente útil para las aplicaciones que necesitan recortar todos los vértices de una escena que están más allá de un plano definido por el usuario, como muchas aplicaciones de CAD.
Error de seguimiento #358408571 | Entrada de ChromeStatus.com | Especificación
WebGPU: getConfiguration() de GPUCanvasContext
Una vez que se haya llamado a GPUCanvasContext configure() con un diccionario de configuración, puedes usar el método GPUCanvasContext getConfiguration() para verificar la configuración del contexto del lienzo. Incluye los miembros device, format, usage, viewFormats, colorSpace, toneMapping y alphaMode de la GPU.
Como se explica en el problema 4828, las apps web pueden usarlo para detectar si el lienzo HDR es compatible con WebGPU.
Error de seguimiento #370109829 | Entrada de ChromeStatus.com | Especificación
Privacidad
API de Attribution Reporting: Se quitó el límite de tamaño del identificador de clave de agregación para los registros de activadores.
Anteriormente, el límite de longitud del identificador de clave de agregación se verificaba en los registros de fuente y activador. Como este límite no es por motivos de privacidad y no se conserva en el almacenamiento, se quita en los registros de activadores.
API de Private Aggregation: Se aumentó el límite de contribuciones a 100 para los llamadores de Protected Audience
Permite que los ejecutores de secuencias de comandos de Protected Audience realicen hasta 100 contribuciones por informe de agregación privada, en comparación con el límite actual de 20.
La agregación privada limita la cantidad de contribuciones de histograma que se pueden incorporar en un solo informe agregable y descarta las contribuciones adicionales. Los llamadores de almacenamiento compartido pueden evitar el límite invocando otra operación de almacenamiento compartido. Sin embargo, los llamadores de Protected Audience no tienen almacenamiento persistente, por lo que pierden sus contribuciones excedentes al final de la subasta. Ten en cuenta que este cambio es neutral en cuanto a la privacidad, ya que las contribuciones de la API aún están limitadas por el mismo presupuesto de privacidad.
Debido al padding, cada informe de Protected Audience tendrá una carga útil más grande, incluso si no necesita el límite de contribución más grande. Esperamos que estos informes más grandes aumenten el costo de operación del servicio de agregación.
Error de seguimiento #360160864 | Entrada de ChromeStatus.com
Pruebas de origen
API de estadísticas de reproducción para WebAudio
La API de AudioContext.playoutStats permite que una aplicación mida la calidad y la latencia de la reproducción de audio con WebAudio.
Prueba de origen | Entrada de ChromeStatus.com | Especificación
ServiceWorkerStaticRouterTimingInfo
Agrega información de tiempo para la API de enrutamiento estático de ServiceWorker, que se expone en la API de tiempo de navegación y la API de tiempo de recursos para que la usen los desarrolladores.
El servicio trabajador proporciona información de tiempo para marcar ciertos puntos en el tiempo. Agregamos dos datos de tiempo relevantes para la API de enrutamiento estático: RouterEvaluationStart, el tiempo para comenzar a hacer coincidir una solicitud con las reglas de router registradas, y CacheLookupStart, el tiempo para comenzar a buscar el almacenamiento en caché si la fuente es "cache". Además, también agregamos dos fuentes de información del router, la fuente del router coincidente y la fuente del router final.
Prueba de origen | Entrada de ChromeStatus.com
API de Summarization
Una API de JavaScript para producir resúmenes de texto de entrada, respaldados por un modelo de lenguaje de IA.
Prueba de origen | Documentación de la API de Summarization | Error de seguimiento #351744634 | Entrada de ChromeStatus.com
API de Translator
Una API de JavaScript para proporcionar capacidades de traducción de idiomas a las páginas web.
Prueba de origen | Documentación de la API de Translator | Error de seguimiento #322229993 | Entrada de ChromeStatus.com
Bajas y eliminaciones
Se quitó la propiedad de posicionamiento de anclaje de CSS inset-area
Con la resolución del grupo de trabajo de CSS de cambiar el nombre de la propiedad inset-area a position-area, esta eliminación limpia la implementación en Chromium para obtener una función que cumpla con los estándares.
Error de seguimiento #352360007 | Entrada de ChromeStatus.com
Se quitó la capacidad de inhabilitar BeforeunloadEventCancelByPreventDefault.
La función BeforeunloadEventCancelByPreventDefault se envió en Chrome 117, pero hay una política empresarial que permite que esta marca se inhabilite de forma forzosa. La política empresarial se quitará en Chrome 131.
Se quitó el método requestAdapterInfo() de GPUAdapter no estándar
El grupo de trabajo de WebGPU decidió que no era práctico que requestAdapterInfo() activara un mensaje de permiso, por lo que quitaron esa opción y la reemplazaron por el atributo info de GPUAdapter para que los desarrolladores web puedan obtener el mismo valor de GPUAdapterInfo de forma síncrona.
Entrada de ChromeStatus.com | Especificación
Lecturas adicionales
¿Buscas más? Consulta estos recursos adicionales.
- Novedades de Chrome 131
- Novedades de las Herramientas para desarrolladores de Chrome 131
- Actualizaciones de ChromeStatus.com para Chrome 131
- Calendario de lanzamientos de Chrome
- Próximas bajas
- Próximas eliminaciones
Descargar Google Chrome
Descarga Chrome para Android, computadoras o iOS.