Resumen de Herramientas para desarrolladores

Pilas de llamadas asíncronas

Los seguimientos de pila ahora se pueden asociar con la fuente asíncrona de un evento. Admite temporizadores, fotogramas de animación, XHR, objetos de escucha de eventos y mucho más. Pronto publicaremos un informe completo de las pilas de llamadas asíncronas en HTML5 Rocks. (No olvides marcar "Habilitar la compatibilidad con los seguimientos de pila asíncronos" en los experimentos de DevTools). [crbug.com/272416].

Pila de llamadas asíncrona.

getEventListeners(window)

Cuando se visualiza el DOM de una página, no siempre es obvio qué elementos tienen objetos de escucha de eventos de JavaScript registrados, si los hay. Todos los objetos de escucha de eventos registrados en el objeto window (o cualquier nodo DOM, en ese caso) ahora se pueden recuperar a través de getEventListeners en el panel de consola como parte de la API de línea de comandos. [crbug.com/336472]

El panel Sources presenta el concepto de ubicaciones de edición, que son, en esencia, posiciones del cursor en el editor de código. Alt- te lleva a las ubicaciones de edición anteriores (el fragmento de código en el que estabas anteriormente) y Alt+ avanza. [crbug.com/281507]

Se actualizaron los valores de sugerencias automáticas de la sombra de cuadro

Se actualizaron los valores de sugerencias automáticas para la propiedad CSS box-shadow para incluir la palabra clave de none. [crbug.com/332355]

Sin sombra difuminada

Cómo ir a un número de línea y una columna específicos

Ve a un número de línea en una columna específica con :line:column en el cuadro de diálogo "Buscar por nombre de archivo" (Ctrl + O o Cmd + O) del panel Fuentes. [crbug.com/337909]

Cambiar el tamaño con más facilidad con el controlador de la barra de herramientas

Cualquier espacio vacío en la barra de herramientas principal de DevTools ahora actúa como un control de cambio de tamaño válido. [crbug.com/304730]

Barras de red compatibles con Retina

Las barras de red que originalmente se formaban a partir de imágenes ahora se crean en CSS, lo que las hace independientes de la resolución y compatibles con Retina. [crbug.com/330659]

Cómo reducir el ruido en la consola

Los argumentos desconocidos que se pasan a la etiqueta meta viewport ya no se muestran como errores en la consola, sino como advertencias, lo que significa que hay menos ruido para que lo analices. [crbug.com/332794]

Quita la rueda de formato de color

Se quitó la rueda del panel Estilos para alternar entre los formatos de color, aunque puedes cambiar esta preferencia en la configuración de DevTools. [crbug.com/333840]

Pestaña de la consola fija

La pestaña de la consola en el panel lateral ahora recuerda correctamente su estado después de una recarga. [crbug.com/328551]

Explicación mejorada sobre el cambio de tamaño automático del texto

Se agregó un vínculo a la documentación de emulación para dispositivos móviles en DevTools para explicar mejor la emulación y el ajuste automático de texto. También aparece una información sobre herramientas para la casilla de verificación de ajuste automático de texto. [crbug.com/319092]

Información sobre el ajuste automático del tamaño del texto

Dirección IP remota

Ahora puedes ver la dirección IP de un host en la vista de recursos del panel de red. [crbug.com/255602]

Dirección IP remota

Gracias por leer. Puedes probar estas funciones en Canary. Como alternativa, muchas de las funciones mencionadas en la edición de diciembre ahora están disponibles en Chrome estable.