Novedades de las Herramientas para desarrolladores (Chrome 147)

Matthias Rohmer

Fecha de publicación: 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 de contexto en la asistencia de IA

Una de las principales solicitudes de funciones para la asistencia de IA fue la capacidad de hacer preguntas más abiertas. Un nuevo agente de selección de contexto ahora te permite hacer preguntas sin que se haya seleccionado un contexto anterior, 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 seguimiento con la configuración seleccionada para responder a esta pregunta.
• "¿Cómo uso el panel de animación?" o "¿Dónde está la 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, respetando tus selecciones manuales una vez que se haya iniciado una conversación.

Herramientas para desarrolladores para agentes

El servidor 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 de habilidades mejorado.

Las funciones clave que se agregaron desde la última actualización 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 dentro de tus flujos de trabajo de agentes.
• Habilidad de detección de pérdidas de memoria: Se agregó una nueva habilidad para detectar pérdidas de memoria con la herramienta take_memory_snapshot.
• Mejoras en la habilidad de accesibilidad: Se mejoró 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 dedicadas para usar el servidor MCP de las Herramientas para desarrolladores de Chrome o la CLI, y cómo solucionar problemas de instalaciones ayudan a tu agente a aprovechar al máximo las Herramientas para desarrolladores para agentes.
• Compatibilidad con flujos de trabajo de varios agentes: La introducción del enrutamiento pageId permite que varios agentes segmenten y, también, interactúen con páginas específicas del navegador 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 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 a generar. La i del acceso directo está en minúscula.

Barra de herramientas del modo de dispositivo actualizada

Se modernizó la barra de herramientas del modo de dispositivo para proporcionar 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 de las Herramientas para desarrolladores estándar, lo que mejora la usabilidad.
• Zoom optimizado: El menú de zoom ahora es más limpio, con la opción "Ajustar a la ventana" integrada directamente en la lista de porcentajes. Se movió la opción "Ajustar zoom automáticamente" 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 que coincida 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 en el panel panel de redes mostraba datos binarios confusos en lugar del contenido decodificado.

En Chrome 147, las Herramientas para desarrolladores decodifican automáticamente estos cuerpos comprimidos y muestran el contenido legible directamente en Payload.

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 Styles, Computed y Properties. Haz clic en el nuevo botón de alternancia de expresión regular (.*) para habilitarlo. Luego, por ejemplo, escribe padding|border para destacar todas las propiedades padding y border.

Problema de Chromium: 40706727

Mejoras en las cargas especulativas

La depuración de la carga previa 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 clave (p.ej., url:, action:, status:), con compatibilidad con 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 captaciones previas fallidas, las Herramientas para desarrolladores ahora muestran 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 correcciones y funciones destacadas de esta versión:

• Consola: Cuando todos los marcos de pila intercalados de un error están en la lista de ignorados pero la pila de llamadas contiene marcos no ignorados, ahora aparece un botón de alternancia para ayudarte a enfocarte en el código procesable mientras ocultas los seguimientos 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: Las Herramientas para desarrolladores ahora pueden solicitarte que reinicies el navegador a través de una barra de información cuando alternes ciertos parámetros de configuración experimentales.
• Inspección de objetos: Una nueva opción de menú contextual "Mostrar todo" en las vistas de objetos te permite alternar la visibilidad de las propiedades nulas (null o undefined) (41187256).
• Elementos: La etiqueta de información "anuncio" ya no está restringida a los iframes y ahora se puede mostrar para elementos arbitrarios etiquetados como relacionados con anuncios por el backend (485493202).
• Nodos de instrucción: Los nodos de instrucción 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 es visible y accesible 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 (4788890182).
• Configuración: Las teclas Inicio y Fin ahora funcionan para navegar a los elementos primero y último de la lista de accesos directos (481747256).
• Lighthouse: Se mejoraron los anuncios del lector de pantalla para los grupos de categorías casillas de verificación (477643909).