Novedades de las Herramientas para desarrolladores en Chrome 140

Sofia Emelianova
Sofia Emelianova
GitHub

Depura más estadísticas con Gemini

En Rendimiento > Estadísticas, ahora puedes hacer clic en Depurar con IA (anteriormente Preguntar a la IA) para chatear y depurar con Gemini en el panel de asistencia de IA y obtener más estadísticas de rendimiento:

  • Mejora la entrega de imágenes
  • JavaScript heredado
  • JavaScript duplicado
  • HTTP moderno

Antes y después de agregar el botón "Depurar con IA" a más estadísticas de rendimiento

Emula el encabezado "Save-Data" en "Condiciones de red"

En el panel Condiciones de red, ahora puedes emular el comportamiento del encabezado de solicitud Save-Data. Este encabezado es una sugerencia del cliente de red que indica la preferencia del cliente por un uso reducido de datos. También está disponible a través de la API de navigator.connection.saveData.

Antes y después de agregar la emulación del encabezado de solicitud "Save-Data" a "Condiciones de red".

Problema de Chromium: 40668980.

Cómo ver el estado de la línea de base en la información sobre herramientas de una propiedad de CSS

En Elements > Styles, cuando colocas el cursor sobre cualquier propiedad CSS, ahora puedes ver, debajo de la definición de la propiedad, su disponibilidad en los principales navegadores según su estado de Baseline.

El antes y el después de agregar el estado de referencia a las sugerencias sobre herramientas de propiedades de CSS.

Problema de Chromium: 417749762.

Cómo anular los factores de forma en las sugerencias del cliente de usuario-agente

En el menú desplegable Network conditions > User agent client hints, ahora tienes opciones para anular los factores de forma, específicamente, los valores del encabezado de solicitud Sec-CH-UA-Form-Factors.

Antes y después de agregar las opciones para anular el factor de forma en las sugerencias de clientes de usuario-agente.

Error de Chromium: 422218341.

Lighthouse 12.8.0

El panel Lighthouse ahora ejecuta Lighthouse 12.8.0.

En particular, en esta versión, Lighthouse agrega un nuevo informe: Mitiga el XSS basado en DOM con Trusted Types.

Consulta también la lista completa de cambios.

Para conocer los conceptos básicos del uso del panel Lighthouse en las Herramientas para desarrolladores, consulta Lighthouse: Optimiza la velocidad del sitio web.

Error de Chromium: 40543651.

Otros aspectos destacados

Estas son algunas de las muchas correcciones y mejoras destacadas de esta versión:

  • Asistencia de IA:
    • Ahora se borra el historial de chat cuando inhabilitas la función de IA correspondiente en Configuración.
    • Accesibilidad: Los lectores de pantalla ahora anuncian los títulos de contexto con anticipación, "Cargando respuesta" cuando comienza la transmisión de la respuesta y "Respuesta lista" cuando la respuesta está completa.
  • Elementos:
    • La pestaña Styles ahora puede evaluar las funciones de CSS sibling-index(), sibling-count() y env() (crbug.com/417128001, crbug.com/40196710).
    • Se agregó compatibilidad con el seudoelemento ::view-transition-group-children (crbug.com/425901164).
    • Se agregó compatibilidad con problemas de accesibilidad relacionados con el contenido interactivo en el elemento <summary> (crbug.com/427172874).
    • En la pestaña Calculado, ahora puedes navegar a las propiedades abreviadas en Estilos (crbug.com/41486012).
    • Editores de Easing y Color: Ahora puedes interactuar con muestras de color y de Bézier para las transiciones de animación con el teclado (crbug.com/401213421).
  • Red: La importación de archivos HAR ahora también incluye cookies de solicitud y respuesta (crbug.com/432995868).
  • Modo de dispositivo: Se actualizaron los agentes de usuario para los dispositivos Apple al Safari 18.5 más reciente.

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo predeterminado. Estos canales de versión preliminar te brindan acceso a las funciones más recientes de DevTools, te permiten probar las APIs de vanguardia de la plataforma web y te ayudan a encontrar problemas en tu sitio antes de que lo hagan tus usuarios.

Comunícate con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para analizar las nuevas funciones, las actualizaciones o cualquier otro tema relacionado con las Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se abordó en la serie Novedades de las Herramientas para desarrolladores