Novedades de las Herramientas para desarrolladores, Chrome 142

Matthias Rohmer

Sugerencias de código de Gemini

Ahora puedes obtener sugerencias predictivas generadas por IA en los paneles Console y Sources.

Función de sugerencia de código en los paneles de la consola y de fuentes

Para habilitar esta función, ve a Configuración > Innovaciones basadas en IA y activa Sugerencias de código.

Mejoras en el servidor de MCP de las Herramientas para desarrolladores

Desde el lanzamiento de la versión preliminar pública del servidor de MCP de DevTools con la versión 0.2.1, implementamos varias mejoras con contribuciones de la comunidad y lanzamos la versión 0.9.0.

  • Se extendió la compatibilidad con Node.js hasta la versión 20.
  • Las solicitudes de red y los mensajes de la consola se pueden paginar para ahorrar tokens y filtrar según el tipo de solicitud (por ejemplo, secuencias de comandos, hojas de estilo, imágenes) y el tipo de mensaje (registro, advertencia, error).
  • Las capturas de pantalla se pueden generar en una ruta de acceso específica y en varios formatos.
  • Las categorías de herramientas configurables te permiten organizar las capacidades que se exponen, lo que reduce el ruido innecesario.
  • Ahora puedes pasar argumentos de inicio a la instancia de Chrome que usa el servidor de MCP.

Consulta el registro de cambios público en GitHub para obtener la lista completa de cambios y correcciones de errores, y obtén más información sobre el servidor MCP de DevTools en la entrada de blog del anuncio.

Acceso más rápido a la asistencia de IA

Las Herramientas para desarrolladores ahora incluyen más vínculos que abren la asistencia de IA. Se cambió el nombre del elemento de menú contextual Ask AI a Debug with AI y se modificó con acciones directas con las que la IA puede ayudarte, según el contexto.

Con el nuevo botón adicional en la esquina superior derecha de las Herramientas para desarrolladores, puedes abrir la asistencia de IA desde cualquier lugar dentro de las Herramientas para desarrolladores.

Los nuevos puntos de entrada a la asistencia de IA en Herramientas para desarrolladores

Depura el registro de rendimiento completo con Gemini

Después de grabar un registro en el panel Rendimiento, ahora puedes chatear con Gemini sobre el registro completo, las estadísticas de rendimiento relacionadas y los datos de campo sin seleccionar un contexto específico de antemano, todo en la misma conversación. Esto te permite analizar los problemas de rendimiento de forma más integral antes de profundizar en ellos.

Después de identificar un posible problema con la ayuda de Gemini, puedes seleccionar sin problemas un elemento de contexto más específico, como un evento de seguimiento o una estadística de rendimiento, para inspeccionarlo más de cerca y continuar el mismo chat.

Del mismo modo, todas las estadísticas en Rendimiento > Estadísticas ahora están disponibles para que chatees con Gemini sobre ellas.

Cómo activar o desactivar la orientación del panel lateral

Ahora, el cajón también se puede mover hacia un costado. Esto te permite ver los paneles uno al lado del otro en lugar de apilados. Haz clic con el botón derecho en el nombre de un panel en la barra de pestañas principal y selecciona Mover al panel lateral para mover el panel seleccionado al panel lateral.

Agrega paneles adicionales al panel lateral desde ⋮ > Más herramientas.

Nuevo botón de activación en el panel lateral para cambiar la orientación

Programa para desarrolladores de Google

El Google Developer Program ahora está integrado en las Herramientas para desarrolladores, con vínculos directos para la administración de perfiles y nuevas insignias para ganar.

Controles del perfil del desarrollador de Google en la configuración de las Herramientas para desarrolladores

Las insignias son una función opcional. Para habilitar las insignias, ve a Configuración > Preferencias > Cuenta y activa Obtener insignias.

Otros aspectos destacados

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

  • El panel Aplicación ahora admite la inspección del almacenamiento para todos los tipos de trabajadores, incluidos los Service Workers, los Shared Workers y los Dedicated Workers.
  • :target-current ahora se muestra en el panel Estilos.
  • Ahora, el panel Network puede filtrar solicitudes según un nuevo valor booleano Is ad-related.

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo predeterminado. Estos canales de versión preliminar te brindan acceso a las funciones más recientes de DevTools, te permiten probar las APIs de vanguardia de la plataforma web y te ayudan a encontrar problemas en tu sitio antes de que lo hagan tus usuarios.

Comunícate con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para analizar las nuevas funciones, las actualizaciones o cualquier otro tema relacionado con las Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se abordó en la serie Novedades de DevTools