Google ha lanzado recientemente una gran actualización de las herramientas de desarrollo (Chrome DevTools) de Chrome v137, integrando el asistente inteligente Gemini AI, que ofrece a los desarrolladores una experiencia de análisis y depuración sin precedentes. Desde la anotación inteligente del seguimiento de rendimiento hasta la guardado automático al modificar CSS, las nuevas funciones de Chrome v137 aumentan significativamente la eficiencia en el desarrollo. AIbase ha reunido la información más reciente para analizar detalladamente las características y perspectivas de aplicación de esta actualización.
Anotaciones Inteligentes de Gemini: un análisis de rendimiento más intuitivo
Las herramientas de desarrollo de Chrome v137 han introducido la función de anotaciones inteligentes Gemini. Los desarrolladores pueden generar etiquetas automáticamente haciendo doble clic en los eventos del rastro principal (Main Track) en el seguimiento de rendimiento y haciendo clic en el botón "Generar Etiqueta". Esta función simplifica enormemente el proceso de análisis de rendimiento, ayudando a los desarrolladores a comprender rápidamente el significado de los datos de rendimiento complejos. Además, los desarrolladores también pueden agregar etiquetas y conectar eventos en la pestaña "Anotaciones", e incluso compartir los resultados de las anotaciones, mejorando así la eficiencia de la colaboración del equipo.
Depuración de CSS impulsada por IA: modificación y guardado con un solo clic
La nueva versión de DevTools permite a los desarrolladores modificar y corregir CSS directamente a través del asistente inteligente Gemini. Solo hay que hacer clic en "Pregunta a IA" en la pestaña "Elementos" y escribir la solicitud de modificación de CSS; Gemini generará el código y permitirá una vista previa en tiempo real. Combinado con la función experimental de área de trabajo automática, los desarrolladores pueden guardar directamente las modificaciones de CSS, JavaScript o HTML en los archivos fuente locales, lo que mejora enormemente la eficiencia de la depuración. AIbase cree que esta función acortará significativamente el flujo de trabajo en el desarrollo front-end.
Nuevas percepciones en el panel de rendimiento: descubrir problemas ocultos
El panel de rendimiento de Chrome v137 ha añadido dos percepciones clave: JavaScript repetido y JavaScript tradicional. Estas percepciones ayudan a los desarrolladores a identificar partes redundantes y obsoletas del código, optimizando así la velocidad de carga y el rendimiento en tiempo de ejecución del sitio web. Además, los desarrolladores pueden iniciar una conversación con Gemini con un solo clic para analizar detenidamente los cuellos de botella de rendimiento y recibir recomendaciones específicas de optimización.
Ayuda visual y captura de pantalla: depuración más contextual
Para mejorar la intuición durante la depuración, Chrome v137 ha añadido una función de captura de pantalla en el panel de asistencia inteligente. Los desarrolladores pueden capturar una captura de pantalla de la página haciendo clic en el botón "Fotografiar" y usarla como contexto para enviar a Gemini, lo que se utiliza para analizar problemas de diseño o estilos, como verificar si el espacio entre los botones es consistente. Esta función proporciona un soporte contextual más rico para la depuración visual.
Gemini impulsa el ecosistema de desarrolladores
La actualización de las herramientas de desarrollo de Chrome v137 marca la integración profunda de IA en las herramientas de desarrollador. Gemini no solo simplifica tareas complejas mediante anotaciones inteligentes y modificación de CSS, sino que también proporciona un soporte de depuración más completo a los desarrolladores a través de percepciones de rendimiento y funciones de captura de pantalla. AIbase cree que con la integración adicional de modelos de IA locales como Gemini Nano, las herramientas DevTools de Chrome podrían convertirse en un "asistente superpotenciado" para los desarrolladores front-end, impulsando el nivel de eficiencia en el desarrollo web a un nuevo nivel.
Conclusión
La actualización de las herramientas de desarrollo de Chrome v137 centra su innovación en Gemini AI, trayendo funciones como anotaciones inteligentes, modificación automática de CSS y percepciones de optimización de rendimiento, proporcionando a los desarrolladores una experiencia de depuración más eficiente e intuitiva.