¿Cómo buscar todos los scripts cargados en las Herramientas para desarrolladores de Chrome?

431

En Firebug, puede buscar texto y lo buscará en todos los scripts cargados en una página. ¿Se puede hacer lo mismo en las herramientas de desarrollador de Chrome mientras se depura el script del cliente? Lo intenté, pero parece buscar solo en el script que he abierto, y no en el resto que está en la página.

Espero que las siguientes capturas de pantalla den una mejor idea de lo que estoy tratando de lograr: texto alternativo

Las siguientes capturas de pantalla son de una sola búsqueda en Firebug: texto alternativo texto alternativo

google-chrome google-chrome-devtools script-debugging Slavo
fuente
1
Por cierto, si está utilizando mapas de origen (por ejemplo, con el modo GWT Super Dev), puede buscar los archivos .java asignados por nombre ... Escriba Ctrl + O (comando + O en mac) en la pestaña Fuentes.
frankadelic
66
¿Puedo sugerir cambiar la respuesta aceptada a vsevik? Es mucho más probable que sea útil para los lectores de hoy.
Mark Amery
¡Alegre! Obtuve la respuesta perfecta para esta pregunta, pero la búsqueda en la respuesta de red no está disponible como en Firebug, ahora ni siquiera en Firefox
Ravi Parekh
1
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, ...). Cómo usar Ir al archivo en Google Chrome DevTools
Iman Bahrampour

Respuestas:

679

Abra un nuevo panel de búsqueda en Herramientas para desarrolladores:

  • presionando Ctrl+ Shift+ F( Cmd+ Option+ Ien mac)
  • haciendo clic en el menú de desbordamiento ( ⋮) en DevTools,Menú de desbordamiento de DevTools
  • haciendo clic en el menú de desbordamiento en la Consola ( ⋮) y eligiendo la opción Buscar

Puede buscar en todos sus scripts con soporte para expresiones regulares y mayúsculas y minúsculas.

Haga clic en cualquier coincidencia para cargar ese archivo / sección en el panel de secuencias de comandos.

Buscar todos los archivos - resultados

Asegúrese de que 'Buscar en anónimos y scripts de contenido' esté marcado en las Preferencias de DevTools ( F1). Esto devolverá resultados de iframes y scripts HTML en línea:

Buscar en guiones anónimos y de contenido Preferencias de configuración de DevTools

vsevik
fuente
14
Control + Shift + F es bastante útil, pero no devuelve todos los éxitos, especialmente los guiones dentro del iframe.
Murali VP
35
Si Control + Shift + F es el camino a seguir, entonces el cuadro de búsqueda superior es completamente engañoso. En segundo lugar, el flujo de trabajo de la IU de búsqueda y caza es horrible. ¿Cuánto puedes realmente caber en esa pequeña área? ¿Por qué no hacerlo como lo hace FF?
Mrchief
66
Funciona bien, pero lleva mucho más tiempo que en FF. Chrome Dev Tools necesita muchas mejoras todavía ... = (
Ricardo Martins
8
Asegúrese de que Developer Tools esté en su propia ventana, si DT está acoplado a la ventana principal, el comando Ctrl + Shift + F no abrirá una búsqueda de fuentes, sino que ejecutará una búsqueda predeterminada.
Highway of Life
22
El hecho de que tuve que buscar en Google para esto dice mucho sobre UX de Chrome Dev Tools.
Piotr Owsiak
16

Buscar todos los archivos con Control + Shift + F o Consola -> [pestaña Buscar]

ingrese la descripción de la imagen aquí

NOTA: La búsqueda global aparece junto al menú CONSOLA

Asher
fuente
Esta respuesta es esencialmente la misma que la más votada, que he actualizado para incluir Consola -> Buscar.
Dan Dascalescu
10

Además de Ctrl+ Shift+ F( Cmd+ Option+ Fen Mac) como se sugiere en esta respuesta , puede hacer clic derecho en el nodo del árbol superior en la pestaña de fuentes y seleccionar "Buscar en todos los archivos":

ingrese la descripción de la imagen aquí

Big McLargeHuge
fuente
55
¿Ya no existe? No lo veo en Windows.
XP1
44
Ya no existe a partir de Chrome 58.
Dan Dascalescu
Existe nuevamente en la versión actual
Julix
No lo veo en Chrome versión 79 en mac os.
user674669
0

En Windows Control + Shift + F. También asegúrese de buscar en los scripts de contenido también. Vaya a Configuración-> Fuentes-> Buscar en anónimo y secuencia de comandos de contenido.

JDev
fuente
0

En el último Chrome a partir del 26/10/2018, la respuesta mejor calificada ya no funciona, así es como se hace: ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Zinan Xing
fuente
La respuesta mejor calificada aún funciona si marca "Buscar en secuencias de comandos anónimas y de contenido" desde la configuración. Por cierto, su respuesta no está relacionada con lo que se le pregunta; esto es solo para buscar nombres de archivos, no el contenido.
Koray
0

En Widows me está funcionando. Control Shift F y luego se abre una ventana de búsqueda en la parte inferior. Asegúrese de expandir el área inferior para ver la nueva ventana de búsqueda.

ingrese la descripción de la imagen aquí

Rupesh Kumar Tiwari
fuente
-1

Su texto puede estar ubicado en la respuesta de la red. También hay una herramienta de búsqueda en la pestaña Red, y puede probarlo.

Lo que desea buscar puede permanecer en DOM o en memoria. Si no está en DOM, bueno, puede estar en la memoria, porque de todos modos lo acaba de ver en la pantalla de su computadora. El texto que busca puede cargarse desde scripts en el DOM inicial o desde la respuesta en la solicitud posterior.

manchar
fuente