Novedades de las Herramientas para desarrolladores (Chrome 151)

Matthias Rohmer

Publicado: 28 de julio de 2026

Chrome 151 presenta más widgets para la guía del agente en la asistencia de IA, desgloses detallados de la especificidad de CSS en la pestaña Estilos, compatibilidad con el seudoelemento ::interest-button y actualizaciones importantes en el servidor MCP de DevTools.

Herramientas para desarrolladores para agentes

En las versiones recientes hasta la v1.6.0, las Herramientas para desarrolladores de Chrome para agentes ampliaron significativamente sus capacidades de depuración para agentes de programación como Antigravity, Claude, Codex y muchos más.

Las actualizaciones de las versiones 1.4.0 a 1.6.0 incluyen lo siguiente:

• Depuración de memoria mejorada: La nueva herramienta get_heapsnapshot_duplicate_strings detecta el desperdicio de memoria causado por asignaciones de cadenas redundantes en montones de JavaScript. get_heapsnapshot_details devuelve los recuentos totales de objetos y los agregados de tamaño de memoria, los agregados de instantáneas del montón filtrables, las rutas de retención de la raíz de GC y habilita la comparación de diferencias de memoria entre instantáneas.
• Codificación de formato de GCF (experimentalGcfFormat): Se agregó compatibilidad con las respuestas de herramientas codificadas en GCF para optimizar el ancho de banda y la eficiencia del análisis para los clientes compatibles.
• Enrutamiento de páginas multiagente simultáneo y contextos aislados: --experimentalPageIdRouting permite que los subagentes paralelos operen en diferentes pestañas del navegador de forma simultánea con el enrutamiento explícito de pageId. Los parámetros --isolated y isolatedContext crean perfiles y almacenamiento temporales de Chrome por sesión.

Para obtener más información y comenzar, visita el repositorio de DevTools for agents en GitHub.

Asistencia de IA

Imagen o screencast: El panel de asistencia de IA muestra el nuevo widget intercalado de Network Track y el recorrido interactivo con compatibilidad con tablas de GFM.

El panel de asistencia de IA sigue evolucionando y proporciona más detalles en los recorridos guiados por el agente con un widget especializado de Pista de red (que renderiza la actividad de red de rendimiento intercalada con navegación con un solo clic para acercar el rango de tiempo en el panel Rendimiento) y un widget de Lista de solicitudes de red (que muestra parámetros de solicitud estructurados en tablas interactivas).

Además, los mensajes de respuesta ahora admiten por completo la renderización de tablas de Markdown con formato de GitHub (GFM) para resúmenes de datos tabulares con formato.

Desglose de la especificidad de CSS y compatibilidad con ::interest-button

El panel Elements ofrece herramientas de inspección y creación de CSS más detalladas para las APIs de plataformas web modernas:

• Desgloses detallados de la especificidad de CSS: Si colocas el cursor sobre los nombres de los selectores en la pestaña Estilos, ahora se muestra una sugerencia detallada que explica cómo cada clase, ID, elemento o seudoclase contribuye al cálculo de la especificidad (a, b, c). Esta fue una contribución de la comunidad. Gracias a @hjanuschka.
• Seudoelemento ::interest-button: Las Herramientas para desarrolladores ahora analizan y presentan por completo el nuevo seudoelemento ::interest-button de CSS (que forma parte de la especificación interesttarget de HTML) en el esquema del árbol de elementos y en la pestaña Styles.
• Vinculación asíncrona de destinos para atributos de relación HTML: Los atributos HTML, como popovertarget, interesttarget y commandfor, ahora recuperan de forma asíncrona y vinculan visualmente sus nodos DOM de destino de forma intercalada.
• Renderización diferida para hojas de estilo grandes: La pestaña Styles ahora usa la decoración de propiedades diferida cuando un elemento supera las 200 propiedades de CSS, lo que reduce los tiempos de bloqueo de renderización de varios segundos a milisegundos.

Problemas de Chromium: 353436867, 453705247, 524406293, 457696384, 524131115

Depuración de memoria: Atribución de contexto nativo y retención de cierre

Ahora, en el panel Memoria, es mucho más claro diagnosticar las pérdidas de memoria complejas de JavaScript en aplicaciones web de varios marcos o contextos:

• Atribución de contexto de V8 nativo: Las instantáneas de montón ahora ejecutan un algoritmo de atribución de dos fases. La inferencia de puntero estático resuelve los mapas de native_context, mientras que el seguimiento de la accesibilidad del gráfico rastrea los objetos restantes. Los objetos a los que se puede acceder desde un solo contexto nativo se atribuyen directamente a ese contexto, mientras que los objetos a los que se puede acceder desde varios contextos se clasifican en un bucket de contexto compartido.
• Filtro"Retained by Context": Un nuevo filtro de IU en la perspectiva de Heap Snapshot te permite aislar los objetos retenidos exclusivamente a través de objetos de contexto de cierre de JavaScript.
• Orden de visualización de propiedades configurable: Un nuevo botón de activación del menú contextual, Ordenar propiedades alfabéticamente (habilitado de forma predeterminada), te permite alternar entre la ordenación alfabética y el orden de inserción de la propiedad JS original cuando inspeccionas las propiedades del objeto de montón.

Problemas de Chromium: 497855658,423838364, 40833016

APIs de extensiones con promesas y refuerzo de la seguridad

Las APIs de extensiones de Herramientas para desarrolladores se actualizaron con patrones asíncronos modernos y controles de seguridad más estrictos:

• Compatibilidad nativa con Promises: Los métodos asíncronos en chrome.devtools.network (getHAR(), Request.getContent()), chrome.devtools.panels y chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) ahora devuelven objetos Promise estándar de JavaScript cuando se los llama sin un parámetro de devolución de llamada.
• Límites de seguridad de las extensiones: Ahora las extensiones de Herramientas para desarrolladores tienen restricciones para recuperar recursos HAR de URLs de destino bloqueadas, deben satisfacer los permisos de extensionsOnChromeUrls para las evaluaciones entre extensiones en inspectedWindow.eval y aplicar verificaciones de allowFileAccess en los recursos de file://.

Otros aspectos destacados y correcciones

En esta versión, se incluyen las siguientes mejoras y correcciones de errores:

• Rendimiento: Se agregaron marcadores de la línea de tiempo de FCP suave (First Contentful Paint) junto con los marcadores de LCP suave y navegación suave, con encabezados actualizados en el panel de detalles.
• Rendimiento: Se agregaron protecciones para omitir las verificaciones de presión de procesamiento durante la calibración de la limitación de CPU en dispositivos Android sin compatibilidad con PressureObserver.
• Red: Se actualizó Copiar como cURL para agregar el prefijo --url a las URLs de destino y evitar la mala interpretación de las marcas de línea de comandos para las URLs con prefijo de guion.
• Fuentes: Se habilitó la resolución del alcance del mapa de origen de forma predeterminada, lo que mejora la resolución del alcance de las variables y la desminificación de símbolos durante la depuración.
• Configuración: Se actualizaron los ajustes predeterminados de dispositivos emulados para los modelos más recientes de iPhone y Pixel con inserciones de zona segura verificadas, y se completan previamente los campos personalizados de User-Agent del dispositivo con navigator.userAgent. (Errores de Chromium: 40718410 y 518215252)
• Configuración: Se actualizó el menú desplegable de configuración de Control de vínculos para mostrar títulos de extensiones fáciles de usar en lugar de URLs de origen de extensiones sin procesar.
• Lighthouse: Se actualizó el módulo de Lighthouse incluido a la versión 13.4.0. (Problema de Chromium: 40543651)

Mejoras de accesibilidad

Chrome 151 incluye las siguientes mejoras de accesibilidad:

• Elementos: Se restableció la visibilidad de los íconos de la barra de herramientas activados (como el botón Reanudar de ejecución de secuencias de comandos) en el modo de contraste alto o @media (forced-colors: active) de Windows quitando las anulaciones de background-color en conflicto. (Error de Chromium: 519762185)
• Consola: Se agregaron sugerencias accesibles de texto completo title para los valores de cadena de Live Expression truncados en los Console Pins.