Novedades de las Herramientas para desarrolladores (Chrome 150)

Publicado el 30 de junio de 2026

Chrome 150 incluye una depuración de memoria mejorada en las Herramientas para desarrolladores para agentes, mejora la asistencia de IA con más widgets y presenta capacidades de edición completas para las reglas de @container y @function de CSS.

Herramientas para desarrolladores para agentes

En las versiones recientes hasta la v1.4.0, las Herramientas para desarrolladores de Chrome para agentes ampliaron significativamente sus capacidades de automatización y depuración del navegador basadas en agentes.

Las funciones y mejoras clave desde la última versión incluyen lo siguiente:

  • Paquete de depuración de memoria (--experimentalMemory): Los agentes ahora pueden capturar y analizar instantáneas del montón de V8 directamente para diagnosticar pérdidas de memoria de JavaScript y analizar jerarquías de retención de objetos.
  • Administración de extensiones de Chrome (--categoryExtensions): Los agentes pueden administrar los ciclos de vida de las extensiones (instalar, desinstalar, volver a cargar, enumerar) y capturar los registros de la consola de Service Worker en segundo plano para el diagnóstico.
  • Habilidades de agentes agrupadas: El directorio skills/ ahora se publica directamente en la distribución del paquete npm, lo que permite que los agentes cliente de MCP descubran y ejecuten automáticamente flujos de trabajo especializados de navegación y depuración.
  • Optimizaciones de tokens y resultados: Limitar las dimensiones de las capturas de pantalla en la fuente reduce el consumo de tokens, y la compatibilidad experimental con TOON (notación de objetos orientada a tokens) optimiza el formato de los datos estructurados.
  • Navegación y contexto mejorados: list_pages ahora incluye títulos de página junto con URLs y IDs de destino para mejorar la selección de contexto en varias pestañas, mientras que las opciones de configuración de allowedUrlPattern y blockedUrlPattern aplican una seguridad estricta del alcance de la navegación.

Para ver las actualizaciones más recientes sobre las Herramientas para desarrolladores para agentes y contribuir, visita el repositorio de GitHub.

Estadísticas más detalladas en la asistencia de IA

Los nuevos widgets de Lighthouse y de estilos calculados en el recorrido del agente de asistencia de IA.

El panel de asistencia de IA sigue evolucionando y proporciona más detalles en las explicaciones guiadas para agentes. Ahora, nueve widgets adicionales incluyen datos de los paneles Lighthouse, Red, Fuentes y Rendimiento. Los widgets te ayudan a comprender mejor los datos que usa Gemini cuando llama a las herramientas del agente para recuperar eventos de rendimiento, contenido de recursos, solicitudes de red y mucho más.

Problemas de Chromium: 460763995

Compatibilidad completa con la edición de más reglas @ de CSS

La pestaña Styles del panel Elements ofrece nuevas capacidades de creación para las funciones modernas de CSS:

  • Edición de reglas @container en el lugar: Ahora puedes editar directamente los nombres de los contenedores y las condiciones de las consultas en las reglas @container de CSS, lo que permite experimentar sin problemas con diseños de consultas de contenedores responsivos.
  • Edición de reglas de @function de CSS: Se agregó compatibilidad completa para editar reglas de @function de CSS personalizadas.
  • Edición de reglas de @counter-style: Se agregó la finalización de código para las propiedades de list-style-type, que las vincula directamente a sus definiciones de @counter-style correspondientes.
  • Contraer reglas que no contribuyen: Un nuevo parámetro de configuración de preferencias te permite contraer las reglas de estilo CSS que no contribuyen, lo que mantiene el panel Estilos enfocado estrictamente en los estilos activos.

Una función CSS y una regla counter-style en la pestaña Styles

Problemas de Chromium: 507611251, 41491726, 480080406, 351662727, 514846131

Se quitaron los puntos de interrupción duplicados y se agregó compatibilidad con mapas de origen recursivos en Sources

El panel Fuentes incluye una mayor precisión de depuración en las canalizaciones de compilación modernas y complejas:

  • Eliminación de duplicados de puntos de interrupción lógicos: Los marcadores de puntos de interrupción en el margen ahora se eliminan de los duplicados en los paquetes divididos por código y en las plantillas compiladas del cliente o de SSR con la asignación de ubicación resuelta más cercana. Esto evita que se dupliquen los indicadores de puntos de interrupción cuando se depura código compartido en varios fragmentos o entornos.
  • Mapas de origen recursivos EvalOrigin y anidados: El depurador ahora admite estructuras EvalOrigin recursivas y cadenas de traducción anidadas en los mapas de origen, lo que garantiza seguimientos de pila precisos y un comportamiento de paso a paso en flujos de trabajo de compilación de varias etapas.
  • Combinación de teclas para ir a la línea: Se agregó ALT + G como una combinación de teclas adicional para la navegación "Ir a la línea" en el editor, para evitar conflictos con la nueva combinación de teclas de Gemini en Chrome.
  • Formato de atributos de importación: Se actualizó el analizador de Acorn subyacente para admitir el formato de impresión legible de la sintaxis estándar de los atributos de importación de JavaScript.

Problemas de Chromium: 493674242, 485142682, 480172712, 491167992

Seguridad y refuerzo de seguridad de origen cruzado en las Herramientas para desarrolladores

Al igual que con muchos otros productos de software, recientemente vimos un aumento en los informes de seguridad, muchos de los cuales se encontraron con la ayuda de la IA. El equipo revisa y corrige constantemente estos problemas para mantener la seguridad de DevTools:

  • Protecciones contra el XSS propio para Live Expressions: Se agregaron diálogos de advertencia y mecanismos de protección contra el XSS propio cuando se crean Live Expressions en la consola.
  • Listas de entidades permitidas de navegación del grabador y verificación de reproducción: El panel Recorder ahora aplica listas de entidades permitidas de navegación estrictas para evitar la navegación a páginas con privilegios altos, junto con una verificación estricta del origen de la extensión dentro de las secciones de reproducción.
  • Restricciones de anulación de red de extensiones: Las anulaciones de red que administran las extensiones ahora aplican estrictamente las políticas de host de runtime_blocked_hosts.
  • Construcción segura de @font-face: Se refactorizó la generación de reglas de @font-face con la API de CSSStyleSheet y la conversión segura de cadenas de URL para evitar la inyección de CSS a través de URLs de datos.

Otros destacados

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

  • Rendimiento: Se corrigió la inflación del tamaño de transferencia de TraceTree para las solicitudes de red almacenadas en caché. Para ello, se forzó el tamaño de transferencia a 0 bytes en los aciertos de caché identificados.
  • Rendimiento: Se actualizaron los formateadores de rendimiento para admitir datos de campo opcionales del Informe sobre la experiencia del usuario en Chrome (CrUX) deviceScope.
  • Rendimiento: Se habilitó el desplazamiento horizontal en las tablas del árbol de llamadas para evitar el truncamiento con puntos suspensivos en las URLs de archivos largos.
  • Rendimiento: Se corrigieron los errores de nuevo renderizado y de corrupción del estado del DOM en la barra lateral de estadísticas en varios archivos de registro.
  • Rendimiento: Se migró el seguimiento de la invalidación de la línea de tiempo y la configuración del modo de depuración de las marcas experimentales a la configuración estándar de Herramientas para desarrolladores.
  • Red: Se revirtió el cambio de nombre incorrecto de la columna para restablecer la columna Has overrides y se corrigió la lógica de ordenamiento para las anulaciones de encabezado y contenido.
  • Red: Se corrigió el diseño de attr() CSS en las barras de cascada de Server-Timing para que los colores generados por fila se rendericen correctamente.
  • Red: Se corrigió la generación del comando Copiar como cURL para las cookies sin nombre.
  • Aplicación: Elementos de almacenamiento local y de sesión conectados en el panel Aplicación con la nueva infraestructura de StorageAgent
  • Aplicación: Se corrigió la precedencia del estado de Cargas especulativas para que las URLs que se cargan previamente y se renderizan previamente con éxito se muestren con precisión como "renderizadas previamente".
  • Aplicación: Se muestran sugerencias sobre herramientas con valores exactos en bytes en todas las columnas de las vistas de Heap Snapshot.
  • Problemas: Se mostró el tipo de problema BackUINavigationWouldSkipAd siempre que la navegación hacia atrás omitía entradas de anuncios.
  • Problemas: Se agregó compatibilidad para mostrar problemas relacionados con las solicitudes de verificación de correo electrónico (EmailVerificationRequestIssue).
  • Lighthouse: Se agregó una casilla de verificación de la categoría Navegación con agente (inhabilitada de forma predeterminada) en el panel de configuración de Lighthouse y se actualizó el motor de Lighthouse incluido a la versión 13.3.0.

Problemas de Chromium: 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

Mejoras de accesibilidad

Chrome 150 incluye varias mejoras en los anuncios del lector de pantalla, las estructuras de widgets y la semántica de ARIA en Herramientas para desarrolladores:

  • Se mejoraron los anuncios del lector de pantalla cuando se seleccionan pestañas y se navega por las secciones dentro de la pestaña Estilos.
  • Se agregaron Tooltips descriptivos en los íconos de cierre de diálogos y se permitieron los atributos de descripción y detalles de ARIA en los Tooltips.
  • Se aplicaron roles de ARIA menuitem estrictos en los elementos del menú contextual para mejorar la navegación con tecnologías de accesibilidad.

Problemas de Chromium: 510013788