Novedades de las Herramientas para desarrolladores (Chrome 149)

Matthias Rohmer

Publicado: 2 de junio de 2026

Chrome 149 incluye actualizaciones importantes en la asistencia de IA, presenta herramientas experimentales de depuración de WebMCP en el panel Aplicación y expande la compatibilidad con la finalización de código a CSS.

Herramientas para desarrolladores para agentes

El servidor de MCP y la CLI de las Herramientas para desarrolladores de Chrome para agentes ahora son oficialmente estables. Lee el anuncio completo aquí.

Las funciones clave y las herramientas nuevas que se agregaron hasta la versión 1.1.1 incluyen las siguientes:

• Herramientas personalizadas de terceros expuestas en la página: Ahora las páginas pueden definir herramientas de depuración personalizadas a través de JavaScript, que las Herramientas para desarrolladores pueden detectar y llamar para los agentes.
• Depuración de WebMCP: Las Herramientas para desarrolladores de agentes ahora pueden listar y ejecutar herramientas de WebMCP.
• Emulación de encabezados HTTP personalizados: Agrega compatibilidad con encabezados HTTP (como tokens de autorización o agentes de usuario personalizados) a la herramienta de emulación.

Las herramientas de terceros y la depuración de WebMCP siguen siendo experimentales y aún no están habilitadas de forma predeterminada. Consulta la referencia de la herramienta para obtener información sobre cómo usarlas. Proporcionaremos más documentación en developer.chrome.com cuando esas funciones estén listas para su uso en producción.

Para ver las actualizaciones más recientes sobre las Herramientas para desarrolladores para agentes y contribuir, visita el repositorio de GitHub. Comienza con nuestra documentación o ponte al día con la sesión de video integral de Google I/O Supercharge your AI coding workflow with Chrome DevTools for agents.

Asistencia de IA

El panel de Asistencia de IA recibió una actualización significativa de la interfaz de usuario y nuevas herramientas para mejorar la experiencia de conversación y proporcionar estadísticas más detalladas de la página:

• Recorrido del agente: La asistencia de IA ahora renderiza widgets directamente en la interfaz de chat en lugar de texto sin formato en Markdown. Estos widgets abarcan las Core Web Vitals y las estadísticas relacionadas, los elementos del LCP, el desglose del LCP, la actividad de los subprocesos ascendentes y mucho más. Un vínculo Revelar dentro del widget te lleva a la fuente de esta información en las Herramientas para desarrolladores.
• Copiar al agente de programación: Ahora las conversaciones finalizan con un botón exclusivo para copiar la conversación, ya sea resumida como una instrucción o de forma literal, para que la pegues en el agente de programación que elijas.
• Capacidades mejoradas: La asistencia de IA ahora tiene acceso a Lighthouse y a estadísticas relacionadas, lo que le permite analizar tu página de forma integral y brindarte asesoramiento específico.
• Respuestas mejoradas: Con Gemini 3 y preámbulos perfeccionados, la asistencia de IA brinda respuestas más concisas y prácticas.
• Navegación mejorada: Ahora puedes navegar por las instrucciones de chat anteriores con las teclas de flecha hacia arriba y flecha hacia abajo, lo que hace que sea rápido e intuitivo refinar o volver a ejecutar consultas anteriores.

Cuéntanos qué te parece comentando el error de comentarios dedicado. En lugar de la opción Copiar al agente de codificación, dejaremos de admitir las correcciones de diseño automatizadas a través de la asistencia de IA con Chrome 152.

WebMCP

En esta versión, se presentan herramientas experimentales de depuración de WebMCP en la barra lateral del panel Application. WebMCP (Protocolo de contexto del modelo web) permite que las páginas web registren herramientas para que las usen los agentes LLM visitantes. Obtén más información sobre el estándar propuesto en nuestra documentación.

Las nuevas herramientas de depuración permiten a los desarrolladores hacer lo siguiente:

• Inspecciona las herramientas del cliente y sus esquemas.
• Ejecuta herramientas de forma manual con parámetros personalizados.
• Realiza un seguimiento de los eventos de invocación de herramientas activos o pendientes, y aplícales filtros.
• Supervisa el estado de ejecución y revisa las cargas útiles de devolución.

WebMCP es un estándar web propuesto en versión preliminar anticipada. Habilita las marcas #devtools-webmcp-support y #enable-webmcp-testing en chrome://flags para comenzar a experimentar.

Problemas de Chromium: 494516094

Finalización de código para CSS

La pestaña Styles ahora incluye la finalización de código para CSS con Gemini, lo que se suma al soporte para los paneles Console y Sources. Habilita las sugerencias de código en Settings > AI innovations > Code suggestions.

Esto te ayuda a experimentar con combinaciones más complejas de propiedades CSS, como degradados o sombras de caja, sin tener que recordar su sintaxis exacta. O bien para crear rápidamente diseños de cuadrícula y flexibles, basándose en varias propiedades relacionadas.

La barra de herramientas que se encuentra en la parte inferior de la pestaña Styles muestra el estado a través de un ícono giratorio de carga. Las sugerencias se actualizan o borran a medida que escribes, lo que garantiza que el texto generado por IA siga siendo pertinente para tus ediciones manuales.

Los lineamientos de contraste de color del APCA se promocionaron a estables

La calculadora de contraste del algoritmo de contraste perceptual avanzado (APCA) dejó oficialmente su fase experimental y ahora está disponible como un parámetro de configuración estándar. El APCA reemplaza los lineamientos heredados de contraste AAA/AA con un modelo de contraste perceptual moderno optimizado para pantallas y renderización de texto modernos.

Ahora puedes habilitar o inhabilitar los lineamientos de APCA con la casilla de verificación que se encuentra en Configuración > Preferencias > Elementos > Habilitar los lineamientos de contraste de APCA.

Usuario-agente del modo de dispositivo dinámico

Anteriormente, el modo de dispositivo responsivo usaba una cadena de agente de usuario codificada (Android 6.0; Nexus 5). Esto provocó que los sitios web modernos degradaran la funcionalidad o activaran modos de compatibilidad porque el SO informado se reconoció como de más de una década de antigüedad.

El agente de usuario codificado se reemplazó por una heurística dinámica que se actualiza automáticamente según el año calendario actual, lo que garantiza que Herramientas para desarrolladores siempre informe un entorno plausible y moderno sin necesidad de mantenimiento manual.

Otros destacados

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

• Consola: Se agregó un botón de activación Contraer / Expandir todo a la barra de herramientas del panel de la consola para expandir o contraer rápidamente todos los grupos activos de la consola y los seguimientos de pila a la vez. (427657550)
• Aplicación: Los hipervínculos en los que se puede hacer clic reemplazaron el texto estático para los campos de bucket de almacenamiento en la vista de metadatos de la aplicación. Si haces clic en un vínculo de bucket, se navega automáticamente a ese bucket específico y se destaca en el panel lateral Buckets de almacenamiento. (435311130)
• Aplicación: Se volvió a habilitar la compatibilidad con la inspección de almacenamiento completa para los Service Workers después de resolver una regresión de fallas. (406991275, 466134219)
• Aplicación: Se agregó compatibilidad para inspeccionar eventos de form_submission de renderización previa en el panel de precarga. (346555939, 488078903)
• Aplicación: Se implementó la administración de credenciales de sesión vinculadas al dispositivo (DBSC), lo que permite a los desarrolladores borrar o eliminar sesiones activas desde el menú contextual o presionando las teclas Delete o Backspace. (471017387)
• Elements: Los destacados en los nodos DOM que representan problemas ocultos en el panel de Issues ahora se actualizan de forma dinámica (aparecen o desaparecen) en respuesta a las acciones de filtrado de problemas. (40272723)
• Red: Los eventos enviados por el servidor (SSE) ahora están completamente serializados y se incluyen en las exportaciones de HAR, lo que permite guardar las capturas de transmisiones de eventos en vivo en curso y volver a importarlas en las Herramientas para desarrolladores. (494294071)
• Rendimiento: Se corrigió el seguimiento de las métricas web esenciales en la vista de métricas en vivo para fijar el seguimiento estrictamente al contexto de ejecución del fotograma principal, lo que evita que la rotación dinámica de iframe restablezca las métricas. (494350655)
• Rendimiento: Se actualizó web-vitals a la versión 5.2.0, que incluye correcciones nativas de upstream para las pérdidas de memoria durante la supervisión del INP. (484342204)