google-chrome-devtools Tutorial
Empezando con google-chrome-devtools
Buscar..
Observaciones
Esta sección proporciona una descripción general de qué es google-chrome-devtools y por qué un desarrollador puede querer usarlo.
También debe mencionar cualquier tema grande dentro de google-chrome-devtools, y vincular a los temas relacionados. Dado que la Documentación para google-chrome-devtools es nueva, es posible que deba crear versiones iniciales de esos temas relacionados.
Buscar por nombre de archivo
Mientras esté en la pestaña de fuentes, use CTRL + O ( ⌘ + O para Mac) para buscar por nombre de archivo.
Ir al miembro (función javaScript / regla CSS)
Use CTRL + MAYÚS + O ( ⌘ + MAYÚS + O para mac) para navegar a una función javaScript / regla CSS al ver un archivo.
Acceso a Chrome Dev Tools
Mientras que el navegador Chrome está abierto a cualquier pestaña (excepto las pestañas de bienvenida), tiene tres opciones para abrir las Herramientas de desarrollo de Chrome:
Teclado : Escriba el comando ⌘ + opción + i
Menú del navegador : haga clic en 'Menú'> 'Más herramientas'> 'Herramientas de desarrollo'
Menú del programa ( en la parte superior de la pantalla ): haga clic en 'Ver'> 'Desarrollador'> 'Herramientas del desarrollador'
