Novedades de Herramientas para desarrolladores, Chrome 126

Sofia Emelianova
Sofia Emelianova

Mejoras en el panel de rendimiento

Esta versión incluye varias mejoras en el panel Performance.

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

Ahora puedes ingresar al modo de configuración del segmento. Para ello, 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.

Se reemplazan el antes y el después del botón Editar por una opción de menú.

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 arrow_downward hacia abajo para mover el recorrido o haz clic en visibility_off para ocultar. Para salir del modo de configuración, haz clic en Termina de configurar los segmentos en la parte inferior. Esta configuración se mantiene para los seguimientos nuevos, pero no para las próximas sesiones de Herramientas para desarrolladores.

Problema de Chromium: 336266699.

Ignora secuencias de comandos en el gráfico tipo llama

El gráfico tipo llama en el segmento Principal agrega compatibilidad con la lista de elementos ignorados. Ahora puedes hacer clic con el botón derecho en una secuencia de comandos del gráfico y seleccionar Add script to ignore list.

La opción del 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 la configuración.

El gráfico contrae las secuencias de comandos ignoradas, las marca como En 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 guardan hasta que las quites del seguimiento o de las Reglas de exclusión personalizadas.

Problema de Chromium: 336266714.

Acelerar la CPU 20 veces

En el menú de limitación de CPU en Configuración de captura del panel Rendimiento, se incluye una nueva opción de reducción de velocidad 20x. Por lo tanto, ahora puedes reproducir y analizar con mayor exactitud los problemas de rendimiento reales, incluso en computadoras de alta gama.

El antes y el después de agregar “20x SLOdonw” a la "Configuración de captura".

Problema de Chromium: 324978881.

El panel 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 las funciones más útiles al panel Rendimiento. El panel Estadísticas de rendimiento ahora muestra un banner en la parte superior con información sobre la próxima baja.

Banner de advertencia de baja en "Estadísticas de rendimiento" panel.

Para obtener más información, consulta Herramientas de rendimiento en 2024 y en el futuro.

Si tienes comentarios sobre lo que funciona, 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, ahora podrás pegar una cadena de encabezado completa (HEADER_NAME: VALUE), y las Herramientas para desarrolladores dividirán la cadena en : en un nombre de encabezado y su valor.

Observa cómo funciona en el siguiente video.

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

La advertencia junto al nombre de un encabezado con caracteres no compatibles.

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

Problemas de Chromium: 330967147, 337012362, 328210785.

Encuentra un uso excesivo de memoria con filtros nuevos en los resúmenes del montón

Las instantáneas de montón en el 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.

El antes y el después de agregar opciones de filtro para casos comunes de uso ineficiente de la memoria.

Problema de Chromium: 337094903.

Inspecciona buckets de almacenamiento en la Aplicación > Almacenamiento

Ahora puedes inspeccionar buckets de almacenamiento en un árbol dedicado en Application > Storage. Este árbol, que anteriormente era experimental, estaba habilitado 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 autoXSS con una marca de línea de comandos

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

Diálogo de advertencia self-xss en la consola.

Para inhabilitar este diálogo, ahora puedes pasar 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 de Lighthouse ahora ejecuta Lighthouse 12.0.0.

Esta actualización incluye una serie de cambios, como la eliminación de la categoría de AWP, la reorganización de la categoría SEO, la baja de los ahorros generales, y nuevas auditorías y cambios en la auditoría. Consulte la lista completa de cambios.

Para aprender los conceptos básicos del uso del panel Lighthouse en Herramientas para desarrolladores, consulta Lighthouse: Cómo optimizar la velocidad del sitio web.

Problema de Chromium: 772558.

Otros aspectos destacados

Estas son algunas correcciones y mejoras notables en esta versión:

  • Rendimiento:
    • La configuración de captura lenta (Enable advanced Paint instrumentation y Enable CSS selector GPUs) ahora se borrará automáticamente en la siguiente sesión de Herramientas para desarrolladores.
    • La pestaña Estadísticas del selector ahora no se desplaza automáticamente hacia la parte inferior a medida que haces zoom en el gráfico tipo llama y en los cambios de datos (337999939).
  • Consola: Ahora, la combinación de teclas Ctrl + Ctrl cierra Consola en el panel lateral solo si está en foco (40875466, 328210785).
  • Autocompletar: Se corrigió el análisis de direcciones (335409093, 335409707).
  • Accesibilidad: Se corrigieron los anuncios del lector de pantalla para cadenas localizadas (324930007).

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como navegadores de desarrollo predeterminados. Estos canales de vista previa te brindan acceso a las funciones más recientes de Herramientas para desarrolladores, prueban API de plataformas web de vanguardia y detectan problemas en tu sitio antes que los usuarios.

Comunicarse con el equipo de Herramientas para desarrolladores de Chrome

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

  • Para enviarnos sugerencias o comentarios, accede a crbug.com.
  • Informa un problema en Herramientas para desarrolladores con Más opciones   Más > Ayuda > Informa problemas de Herramientas para desarrolladores en Herramientas para desarrolladores.
  • Twittea a @ChromeDevTools.
  • Deja comentarios en nuestros videos de YouTube de Herramientas para desarrolladores o en videos de YouTube de las Sugerencias de las Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se ha abordado en la serie Novedades de Herramientas para desarrolladores.