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. Se admite la compatibilidad con temporizadores, fotogramas de animación, XHR, objetos de escucha de eventos y mucho más. Pronto publicaremos un texto 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íncronas.

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 box-shadow de CSS para incluir la palabra clave none. [crbug.com/332355]

No hay sombra de cuadro

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 usando :line:column en el cuadro de diálogo "Buscar por nombre de archivo" (Ctrl + O o Cmd + O) del panel de fuentes. [crbug.com/337909]

Cambio de tamaño más sencillo 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 menos ruido para que lo analices. [crbug.com/332794]

Quitar el engranaje 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 ajuste automático de tamaño 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.