Se usó la API de Cloud Translation para traducir esta página.

Novedades de Herramientas para desarrolladores, Chrome 126

Sofia Emelianova

Mejoras en el panel de rendimiento

Esta versión ofrece varias mejoras en el panel Rendimiento.

Mueve y oculta segmentos con el modo de configuración actualizado de segmentos

Para ingresar al modo de configuración del segmento, haz clic con el botón derecho en el nombre del segmento y selecciona Configurar segmentos. Se quitó el botón para editar que requería espacio adicional.

El modo de configuración de segmentos te permite cambiar el orden de los segmentos y ocultarlos. Haz clic en arrow_upward hacia arriba o en arrow_downward hacia abajo para mover el recorrido o en visibility_off para ocultarlo. Para salir del modo de configuración, haz clic en Termina de configurar los segmentos en la parte inferior. Esta configuración persiste para los seguimientos nuevos, pero no para las sesiones siguientes de Herramientas para desarrolladores.

Problema de Chromium: 336266699.

Ignorar las secuencias de comandos en el gráfico tipo llama

El gráfico tipo llama en el segmento Main agrega la compatibilidad con las listas de elementos ignorados. Ahora puedes hacer clic con el botón derecho en una secuencia de comandos del gráfico y seleccionar Agregar secuencia de comandos a la lista de elementos ignorados.

La opción de menú para agregar la secuencia de comandos a la lista de elementos ignorados, las secuencias de comandos marcadas como ignoradas y las reglas correspondientes en Configuración.

El gráfico contrae las secuencias de comandos ignoradas, las marca como En la lista de elementos ignorados y las agrega a Reglas de exclusión personalizadas en Configuración Configuración > Lista de elementos ignorados. Las secuencias de comandos omitidas se guardarán hasta que las quites del seguimiento o de las Reglas de exclusión personalizadas.

Problema de Chromium: 336266714.

Disminuye la capacidad de la CPU 20 veces

El menú de limitación de CPU en la Configuración de captura del panel Rendimiento tiene una nueva opción de lentitud 20x. Por lo tanto, ahora puedes reproducir y analizar con mayor precisión los problemas de rendimiento del mundo real, incluso en computadoras de alta gama.

El antes y el después de agregar la opción "20x lentodonw" a la "Configuración de captura"

Problema de Chromium: 324978881.

El panel de estadísticas de rendimiento dejará de estar disponible

El panel experimental Estadísticas de rendimiento dejará de estar disponible en 2024. El equipo de Herramientas para desarrolladores está trabajando para integrar sus funciones más útiles en el panel Rendimiento. El panel Estadísticas de rendimiento ahora muestra un banner en la parte superior para informarte sobre la próxima baja.

Para obtener más información, consulta Herramientas de rendimiento a partir de 2024.

Si tienes comentarios sobre lo que funciona y lo que no, y lo que crees que se puede mejorar, queremos conocer tu opinión.

Pega cadenas de encabezado completas para anularlas

Cuando anules encabezados, puedes pegar una cadena de encabezado completa (HEADER_NAME: VALUE), y Herramientas para desarrolladores dividirá la cadena en : en un nombre de encabezado y su valor.

Observa esto en acción en el siguiente video.

Cuando edites los encabezados, el panel Red ahora te advertirá si ingresaste caracteres que no sean alfanuméricos, guiones y guiones bajos.

Advertencia junto al nombre de un encabezado con caracteres no compatibles.

Además, las opciones del menú de anulación y los botones Editar están inhabilitados para las URLs chrome://, lo que coincide con el comportamiento deseado.

Problemas de Chromium: 330967147, 337012362, 328210785.

Encuentra un uso excesivo de memoria con nuevos filtros en las instantáneas de montón

Las instantáneas del montón del panel Memory incluyen filtros nuevos que pueden ayudarte a encontrar casos comunes de uso ineficiente de la memoria, como strings duplicadas, objetos retenidos por nodos del DOM separados y la consola de Herramientas para desarrolladores.

Antes y después de agregar opciones de filtro para casos comunes de uso de memoria ineficiente.

Problema de Chromium: 337094903.

Inspecciona buckets de almacenamiento en Aplicación > Almacenamiento

Ahora, puedes inspeccionar los buckets de almacenamiento en un árbol dedicado en la sección Aplicación > Almacenamiento. Este árbol, anteriormente experimental, se habilitó de forma predeterminada.

El antes y el después de habilitar el árbol de buckets de almacenamiento en la sección Almacenamiento.

Problema de Chromium: 338094915.

Inhabilita las advertencias de XSS propias con una marca de línea de comandos

Si automatizas el uso de Chrome o abres Herramientas para desarrolladores desde la línea de comandos para realizar la depuración, a menudo te convendrá inhabilitar la advertencia de self-XSS que aparece en cada sesión nueva de Herramientas para desarrolladores.

Diálogo de advertencia de Self-xss en Console.

Ahora puedes inhabilitar este diálogo pasando la marca de línea de comandos --unsafely-disable-devtools-self-xss-warnings a Chrome.

Problema de Chromium: 41491762.

Lighthouse 12.0.0

El panel Lighthouse ahora ejecuta Lighthouse 12.0.0.

Esta actualización incorpora varios cambios, como la eliminación de la categoría de AWP, la reorganización de la categoría de SEO, la baja de los ahorros generales, nuevas auditorías y cambios en las auditorías. Consulta la lista completa de cambios.

Para conocer los conceptos básicos del uso del panel Lighthouse en Herramientas para desarrolladores, consulta Lighthouse: optimiza la velocidad del sitio web.

Problema de Chromium: 772558.

Otros aspectos destacados

Estas son algunas correcciones y mejoras más importantes de esta versión:

Rendimiento:
- La configuración de captura lenta (Habilitar instrumentación de pintura avanzada y Habilitar estadísticas de selección de CSS) ahora se borrará automáticamente en la siguiente sesión de Herramientas para desarrolladores.
- Ahora, la pestaña Selector de estadísticas no se desplaza automáticamente a la parte inferior a medida que haces zoom en el gráfico tipo llama y los cambios de datos (337999939).
Console: La combinación de teclas Ctrl + ` ahora cierra Console en el panel lateral solo si está en primer plano (40875466, 328210785).
Autocompletar: Se corrigió el análisis de direcciones (335409093, 335409707).
Accesibilidad: Los anuncios del lector de pantalla para cadenas localizadas son fijos (324930007).

Descarga los canales de vista previa

Considera usar Canary, Dev o Beta de Chrome como tu navegador de desarrollo predeterminado. Estos canales de vista previa te brindan acceso a las funciones más recientes de Herramientas para desarrolladores, prueba APIs de plataformas web de vanguardia y encuentra problemas en tu sitio antes que tus usuarios.

Cómo comunicarse con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para analizar las nuevas funciones y los cambios en la publicación, o cualquier otra cosa relacionada con Herramientas para desarrolladores.

Envíanos tus sugerencias o comentarios a través de crbug.com.
Informa un problema en Herramientas para desarrolladores mediante Más opciones > Ayuda > Informar problemas con Herramientas para desarrolladores en Herramientas para desarrolladores.
Envía un tweet a @ChromeDevTools.
Deja comentarios en los videos de YouTube de las Novedades de las Herramientas para desarrolladores o en las sugerencias de Herramientas para desarrolladores (videos de YouTube).