Novedades de las Herramientas para desarrolladores (Chrome 147)

Matthias Rohmer

Publicado: 7 de abril de 2026

Chrome 147 introduce la selección automática de contexto para la asistencia de IA, actualiza las sugerencias de código a la finalización de código completa, moderniza la barra de herramientas del modo de dispositivo, incorpora la decodificación automática de cuerpos de red comprimidos y varias otras mejoras.

Selección automática del contexto en la asistencia de IA

Una de las funciones más solicitadas para la asistencia de IA era la capacidad de hacer preguntas más abiertas. Un nuevo agente de selección de contexto ahora te permite hacer preguntas sin haber seleccionado un contexto previo, por ejemplo:

• "¿Cuáles son las solicitudes de red más lentas en esta página?" Anteriormente, esto no era posible, ya que debías seleccionar una solicitud de red específica.
• "¿Qué problemas de rendimiento existen en la página?" Las Herramientas para desarrolladores ahora registrarán automáticamente un registro con la configuración que seleccionaste para responder esta pregunta.
• "¿Cómo uso el panel de animación?" o "¿Dónde está el parámetro de configuración de contraste alto en las Herramientas para desarrolladores?", lo que proporciona ayuda directa con las Herramientas para desarrolladores.

Como parte de este cambio, la asistencia de IA ahora también puede cambiar de contexto automáticamente. Actualizará de forma inteligente el contexto en función de tus acciones cuando el chat esté vacío, y respetará tus selecciones manuales una vez que comience una conversación.

Herramientas para desarrolladores para agentes

El servidor de MCP y la CLI de las Herramientas para desarrolladores de Chrome se actualizaron a la versión 0.21.0, lo que aporta mejoras significativas para los flujos de trabajo de varios agentes, nuevas capacidades de auditoría a través de Lighthouse y un conjunto mejorado de habilidades.

Entre las funciones clave que se agregaron desde la última actualización, se incluyen las siguientes:

• Auditorías integradas de Lighthouse: Ahora puedes ejecutar auditorías de Lighthouse directamente a través de MCP, lo que permite realizar verificaciones automatizadas de rendimiento y calidad en tus flujos de trabajo de agentes.
• Habilidad de detección de fugas de memoria: Se agregó una nueva habilidad para detectar fugas de memoria con la herramienta take_memory_snapshot.
• Mejoras en la habilidad de accesibilidad: Se perfeccionó la habilidad de depuración de accesibilidad para aprovechar mejor Lighthouse y proporcionar un resultado más sólido.
• Habilidades de uso general: Las habilidades específicas para usar el servidor MCP de las Herramientas para desarrolladores de Chrome o la CLI, y para solucionar problemas de instalación ayudan a tu agente a aprovechar al máximo las Herramientas para desarrolladores para agentes.
• Compatibilidad con flujos de trabajo multiagente: La introducción del enrutamiento de pageId permite que varios agentes segmenten y se dirijan con precisión a páginas del navegador específicas y que interactúen con ellas en paralelo.

Para comenzar a usar estas funciones, consulta el repositorio de GitHub con notas de la versión detalladas.

Generación de código

En Chrome 142, presentamos las sugerencias de código de Gemini en los paneles de la consola y de fuentes. Con Chrome 147, esta capacidad se actualiza a la generación de código completa.

Para generar código, escribe un comentario en lenguaje natural que describa la lógica que necesitas (por ejemplo, // Loop to check all img elements for valid alt attributes) y presiona Cmd + I (Mac) o Ctrl + I (Windows/Linux) para comenzar la generación.

Barra de herramientas del modo de dispositivo actualizada

Se modernizó la barra de herramientas del Modo de dispositivo para brindar una experiencia más coherente y optimizada:

• Controles estandarizados: La selección de dispositivos, los niveles de zoom y la relación de píxeles del dispositivo (DPR) ahora usan componentes de la IU estándar de DevTools, lo que mejora la usabilidad.
• Zoom optimizado: El menú de zoom ahora es más claro, con la opción "Ajustar a la ventana" integrada directamente en la lista de porcentajes. La opción "Ajustar zoom de manera automática" se trasladó a su propio botón de barra de herramientas dedicado.
• Compatibilidad con el bloqueo de orientación: Las Herramientas para desarrolladores ahora controlan la API de screen.orientation.lock() en la emulación de dispositivos. Cuando una página bloquea la orientación, el dispositivo emulado rota automáticamente para coincidir con la orientación bloqueada, y el botón de rotación manual se inhabilita mientras el bloqueo está activo.

Problemas de Chromium: 40807290

Cuerpos comprimidos decodificados

Ahora es mucho más fácil diagnosticar problemas con recursos comprimidos. Anteriormente, si una solicitud HTTP usaba Content-Encoding: gzip o deflate, la vista Carga útil del panel Red mostraba datos binarios ilegibles en lugar del contenido decodificado.

En Chrome 147, DevTools decodifica automáticamente estos cuerpos comprimidos y muestra el contenido legible directamente en Carga útil.

Además, la lista de solicitudes ahora incluye información sobre el tamaño de transferencia, lo que proporciona una imagen más clara del uso de datos a través de la red, un detalle que también utiliza el Asistente de IA para seleccionar mejor las solicitudes.

Problemas de Chromium: 356158096

Filtros de expresiones regulares para estilos

Ahora puedes usar expresiones regulares en las barras de filtros de los paneles Estilos, Calculado y Propiedades. Haz clic en el nuevo botón de activación Expresión regular (.*) para habilitarlo. Luego, por ejemplo, escribe padding|border para destacar todas las propiedades padding y border.

Error de Chromium: 40706727

Mejoras en las cargas especulativas

La depuración de la precarga es más sólida con las nuevas funciones del panel Application > Speculative loads:

• Filtrado de texto: Ahora puedes filtrar la lista de reglas y los intentos con texto libre o filtros con palabras clave (p.ej., url:, action:, status:), con compatibilidad para la lógica AND entre varios términos.
• Botón Borrar: Un nuevo botón Borrar te permite restablecer el modelo de carga previa y borrar las reglas y los intentos que se muestran.
• Códigos de estado HTTP: En el caso de las recuperaciones previas fallidas, DevTools ahora muestra el código de estado HTTP real (p.ej., 404) en la columna de estado y en el panel de detalles, en lugar de un mensaje de error genérico.

Problemas de Chromium: 479524246, 40926909

Varios

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

• Consola: Cuando todos los marcos de pila intercalados de un error se agregan a la lista de ignorados, pero la pila de llamadas contiene marcos no ignorados, ahora aparece un botón de activación para ayudarte a enfocarte en el código práctico y, al mismo tiempo, ocultar los registros de biblioteca ruidosos (379788109).
• Rendimiento: Ahora se conserva el estado de la barra lateral (abierta o cerrada). Si cierras la barra lateral, permanecerá cerrada en las grabaciones posteriores (437340219).
• Configuración: Ahora, DevTools puede solicitarte que reinicies el navegador a través de una barra de información cuando activas ciertos parámetros de configuración experimentales.
• Inspección de objetos: Una nueva opción del menú contextual "Mostrar todo" en las vistas de objetos te permite activar o desactivar la visibilidad de las propiedades nulas (null o undefined) (41187256).
• Elementos: El adorno "anuncio" ya no se limita a los iframe y ahora se puede mostrar para elementos arbitrarios etiquetados como relacionados con anuncios por el backend (485493202).
• Nodos de instrucciones: Los nodos de instrucciones de procesamiento (como <?xml-stylesheet ... ?>) ahora son visibles y editables en el árbol del DOM (484891675).

Accesibilidad

Esta versión incluye varias mejoras de accesibilidad:

• Rendimiento: El botón de ayuda del título en las tarjetas de métricas de rendimiento ahora siempre está visible y se puede acceder a él con el teclado, en lugar de aparecer solo cuando se coloca el cursor sobre él (487613506).
• Fuentes: Ahora se pueden marcar o desmarcar los puntos de interrupción del objeto de escucha de eventos con la tecla Espacio (478890182).
• Configuración: Las teclas Inicio y Fin ahora funcionan para navegar al primer y último elemento de la lista de accesos directos (481747256).
• Lighthouse: Se mejoraron los anuncios del lector de pantalla para las casillas de verificación de los grupos de categorías (477643909).