google-chrome - manager - tag analysis

¿Cómo se expanden todos los elementos en la vista de elementos de WebKit Inspector? (5)

Así es como he decidido hacerlo:

Resalte la etiqueta del elemento que deseo inspeccionar, si es el todo (amplíe todo) el requisito, luego resalte la etiqueta <body> , haga clic en F2.

Nota: F2 es en realidad el atajo para ''Alternar edición como HTML''. Puede realizar cualquier cambio directamente en este modo, los cambios se reflejan en la página web. Puede hacer clic con el botón derecho dentro de esta nueva ventana de vista de código y habilitar / deshabilitar la conversión de palabra.

¿Hay alguna forma de expandir todos los elementos en la vista de elementos del inspector Chrome WebKit?

En Chrome mientras hace clic en la flecha en el código fuente, se expandirán todos los elementos secundarios.

ALT + Haga clic en la flecha de caída = Desenvolver un nivel por uno
ALT + CTRL + Haga clic en la flecha de Flecha = Desenroscar el nivel "Todos" a la vez

Me pareció justo haciendo clic en la etiqueta y seleccionando "Expandir recursivamente" funcionó para mí. Estoy usando la versión 66 de Chrome.

También puede hacer clic con el botón derecho y "Contraer elementos secundarios" para colapsarlo todo de nuevo.

CTRL + MAYÚS + ALT + LEFTCLICK

Si mantiene ctrl + alt para Windows (simplemente opte por un mac) mientras hace clic en la flecha del elemento que desea expandir, se expandirá y todos sus hijos se expandirán. Entonces, si presionas ctrl + alt en la etiqueta <html> , eso debería expandir toda la página.

Este Link enumera los atajos de teclado para las herramientas de desarrollo de Chrome, incluida esa.