Primeros pasos con google-chrome-devtools

Buscar por nombre de archivo

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)

Utilice CTRL+MAYÚS+O (+MAYÚS+O para mac) para navegar a una función de JavaScript/regla CSS al visualizar un archivo.

Acceso a las herramientas de desarrollo de Chrome

Si bien el navegador Chrome está abierto en cualquier pestaña (excepto las pestañas de bienvenida), tiene tres opciones para abrir Chrome Dev Tools:

Teclado: Escriba comando ⌘+opción+i

Menú del navegador: haga clic en ‘Menú’ > ‘Más herramientas’ > ‘Herramientas para desarrolladores’

menú del navegador para herramientas de desarrollo de Chrome

Menú del programa (en la parte superior de la pantalla): haga clic en ‘Ver’ > ‘Desarrollador’ > ‘Herramientas para desarrolladores’

Menú del programa para herramientas de desarrollo de Chrome