DevTools Digest - Chrome 35

Updates to the Developer Tools in Chrome 35

HTML5 Rocks

DevTools Digest: Chrome 35 Edition

Hola a todos, en la última edición del resumen DevTools revisamos las potentes pilas de llamadas asíncronas y algunas otras. En esta edición , veremos un filtrado panel de red mejorado (con autocompletar), editar habilidades con contenido Shadow DOM, CodeMirror 4 actualizaciones y más.

Filtrado panel de Red

Ahora puedes filtrar los recursos por tal campos, como Dominio. Un tal formato de filtro es la siguiente: Domain:website.com. Además de filtrando, también tienes sugerencias de autocompletar por valores de filtros válidos que actualizan en vivo a medida que escribe su búsqueda. Usted puede encontrar esto útil cuando se necesita encontrar todos los recursos atendidos por un dominio particular. [crbubg.com/258421]

Network panel filtering

Edit Shadow DOM content

DevTools siempre ha sido capaz de editar HTML regular en el panel de Elementos , ahora, estas capacidades se extienden a los elementos de parte de un Shadow DOM. [crbug.com/348991]

Edit Shadow DOM content

Actualizar a CodeMirror 4.0

CodeMirror, el editor de texto basado en JavaScript se utiliza como parte del Panel de Fuentes ha sido actualizado a la versión 4. Un montón de nuevas funcionalidades se ha agregado como resultado de esto. [crbug.com/356878]

Búsqueda rápida de una propiedad de CSS

Ahora puede buscar nombres de propiedades , valores o selectores de la nueva caja de búsqueda en el panel Estilos. Los resultados se destacan en vivo a medida que escribe su consulta. [crbug.com/278852]

Quick search for a CSS-property

Sellos de tiempo junto a consolar mensajes

Al registrar los mensajes en una sucesión rápida , puede ser útil ver la hora exacta en que se registra un mensaje . Usted puede habilitar esto vía experimentos de DevTools [crbug.com/131714]

Timestamps next to console messages

Desglose de Estadísticas de Memoria para instantáneas del montón

Al ver una instantánea de montón grabada, observe la gráfica circular de estadísticas que da un panorama visual , con código de color en cuanto a qué aspecto de JavaScript se consume la mayor cantidad de memoria . Actualmente una característica experimental , habilite "Heap snapshot statistics" para intentarlo. [crbug.com/346335]

Memory Statistics breakdown for heap snapshots

Ver la fuente original de un console.log , no la versión envuelta

Es probable que tenga una función de contenedor console.log , pero por desgracia, en la consola todos los mensajes vienen de algo como util.js : 46 . Ahora usted puede tener DevTools resolver sus localizaciónes originales. Ingresa el archivo que envuelve los mensajes de registro de la consola en el "Skip stepping through sources with particular names" cuadro de entrada para tener DevTools BlackBox y mostrar la verdadera fuente de una declaración de registro. [crbug.com/231007]

Algunos más pequeños, pero poderosos adiciones:

  • Actualizá el panel de Event Listeners en el Panel de Elementos, después de añadir o eliminar dinámicamente observadores de JavaScript. [crbug.com/341044]

  • Puede usar Ctrl+` para obtener el foco en la entrada de la consola, puede encontrar esto útil para un flujo de trabajo de teclado en el DevTools. [crbug.com/144943]

  • sugerencias de autocompletado de estilo de borde para valores (dotted, dashed, double, groove) han sido actualizados para cumplir con las especificaciónes. [crbug.com/349998]

  • Restaurar los valores predeterminados y botón de recargar** se ha añadido al panel de Ajustes que hace exactamente lo que dice en la lata. [crbug.com/135451]

  • Actualmente una característica experimental, puede probar dock to left para descubrir su pertinencia para su flujo de trabajo. Los otros modos de diseño son el muelle a la ventana principal ( derecha o de abajo de ) y desacoplar en una ventana separada. [crbug.com/134282]

  • "wheel" es ofrecido como un breakpoint de observador, esto es en adición al clic de costumbre, movimiento del ratón , clic del ratón encima del elemento, y otros eventos. [crbug.com/347562]

Es todo por ahora, gracias por leer!

Comments

0