¿Cómo ir a un archivo específico en Chrome Developer Tools?

97

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

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

¿Hay algún acceso directo o acción que pueda realizar que me permita escribir el nombre de un archivo y me lleve a la fuente de ese archivo?

javascript debugging google-chrome google-chrome-devtools frontend Alfa
fuente
2
En la parte inferior derecha de la consola, hay un icono de engranaje. Pinchalo. En la última pestaña de la ventana de configuración hay una pestaña de accesos directos. Puedes ver las combinaciones de teclas como la respuesta.
epascarello
Use 'Ir a archivo' en Google Dev Tools (una herramienta flexible y útil con capacidad de búsqueda en el nombre de su función, nombre de clase en CSS, ...) 'Ir a archivo' en Google Dev Tools
Iman Bahrampour

Respuestas:

142

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

(use CTRL+ SHIFT+ Opara filtrar / navegar a una función de JavaScript / regla CSS al ver un archivo)

[ Hoja de referencia de Chrome Devtools ]

DISCOS COMPACTOS..
fuente
¡Esto es bueno saberlo! Solía ​​(¿antes de Chrome 35?) Poder iniciar una búsqueda de nombre de archivo simplemente escribiendo con el navegador de archivos en la pestaña Fuentes enfocada; es bueno saber que han ocultado esta función detrás de un atajo en lugar de eliminarla por completo. =)
rakslice
la advertencia para el filtro / búsqueda es que parece que no puede hacer búsquedas exactas o comodines. la búsqueda .jsdevuelve cualquier archivo con a jo a so a .en el nombre de archivo: /
worc
15

CTRL+ Pmuestra la entrada de búsqueda en Windows.

ingrese la descripción de la imagen aquí

⌘+ P- en Mac.

ingrese la descripción de la imagen aquí

Aleksei Mialkin
fuente
2
Oy Pparecen tener el mismo comportamiento. Me pregunto si uno está desaprobado.
isherwood
2

En Windows:

Use CTRL+ SHIFT+ F para buscar contenido en archivos.

Use CTRL+ SHIFT+ O para buscar nombres de archivos.

vive el amor
fuente
0

Mac: Comando + O Windows: Ctrl + O

Jackie
fuente