usar para herramientas google f12 desarrolladores desarrollador depurar consola como comandos chrome abrir javascript debugging google-chrome google-chrome-devtools frontend

javascript - para - ¿Cómo ir a un archivo específico en las Herramientas de desarrollo de Chrome?



depurar javascript chrome (2)

Mientras está en la pestaña de fuentes, use CTRL + O ( + O para Mac) para buscar scripts, hojas de estilo y fragmentos por nombre de archivo.

(use CTRL + MAYÚS + O para filtrar / navegar a una función JavaScript / regla CSS al visualizar un archivo)

[ Hoja de trucos de Chrome Devtools ]

Estoy desarrollando una aplicación web con un enfoque de front-end pesado. Al usar Dojo y AMD-way, actualmente tengo pantallas de prueba que pueden cargar fácilmente más de cien archivos javascript diferentes.

Cuando quiero depurar un problema específico o verificar si estoy viendo una versión anterior de un archivo específico, me resulta muy difícil encontrar mis archivos en la pestaña Fuentes en las Herramientas de desarrollo de Chrome.

¿Hay algún atajo o acción que pueda hacer que me permita escribir el nombre de un archivo y me llevará al origen de ese archivo?


CTRL + P abre la entrada de búsqueda en Windows.