google-chrome-devtoolsEmpezando con google-chrome-devtools


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.

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 navegador para Chrome Dev Tools

Menú del programa ( en la parte superior de la pantalla ): haga clic en 'Ver'> 'Desarrollador'> 'Herramientas del desarrollador'

Menú de programa para herramientas de desarrollo de cromo

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.

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.