¿Puedo obtener chrome-devtools para buscar realmente todas las fuentes JS?

171

Tengo problemas para buscar a través de archivos JS en las herramientas de desarrollo de Chrome, en el pasado la búsqueda activada por Ctrl+ Shift+ Fsiempre encontraba lo que quería, pero recientemente (no estoy seguro de qué actualización desencadenó esto) estoy encontrando el la búsqueda no atrapa

  • JS en etiquetas de script en línea

  • JS dentro de iframes.

También descubrí que la pila de llamadas estaba en mal estado cuando estaban involucrados los scripts en línea, pero cuando trato de buscar estos problemas en Google, solo recibo las páginas de documentación de dev-tools, ¿alguien más ha notado estos problemas? ¿Me estaba imaginando que esto funcionó antes?

David McMullin
fuente
44
Tenga cuidado: la respuesta aceptada funciona con CTRL + MAYÚS + F y "Buscar en secuencias de comandos de contenido" habilitado, pero Chrome solo cuenta 1 coincidencia por línea, incluso si hay varias coincidencias en cualquier línea. Con JS minified verás esto a menudo. Pensé que se trataba de un error de Chrome hasta que me di cuenta de que encontraría todas las instancias si hacía clic en el script en cuestión y CTRL + F allí.
JD Smith
Gran punto! He encontrado un comportamiento inconsistente con Chrome, especialmente después de las actualizaciones, entre esta configuración de "búsqueda en guiones de contenido" y guiones minúsculos de impresión bonita, a veces las cosas no funcionan perfectamente = (
David McMullin
1
En realidad, hay momentos en que Chrome simplemente no encuentra algo. Me pasa a menudo. Por ejemplo, cuando visito band-aidbrandfirstaid.com/first-aid-how-to-videos y busco en la fuente _satellite.jwp.videos, no veo resultados. Sin embargo, esa cadena está presente: captura de pantalla Parece que no puedo encontrar a nadie más con este problema. Por ahora uso Firefox y lo encuentra muy bien.
JD Smith
¡Eso es realmente curioso! He intentado la misma búsqueda en mi Chrome y funcionó bien (encontré 5 coincidencias). ¿Has intentado habilitar la opción mencionada en mi respuesta a continuación?
David McMullin
2
El marco también se puede aplastar hasta la parte inferior de la ventana de la consola (al menos para mí). Arrástrelo hacia arriba para que pueda ver si es mejor.
Emery Lapinski

Respuestas:

170

Sí, si desea buscar dentro de las fuentes de contenido que son scripts utilizados por las extensiones y la API interna del navegador, lo habilita en la Configuración de DevTools y luego desde cualquier panel en DevTools puede escribir Ctrl+ Shift+ Fo (en Mac) Options+ Command+ F( ⌥⌘F) para buscar en todas las fuentes, fragmentos y archivos.

Aún más útil para lo que pueda necesitar es configurar un espacio de trabajo en el engranaje de configuración que puede asignar a un directorio local de archivos que estará disponible en la barra lateral del explorador de archivos de fuentes que también se podrá buscar con el acceso directo anterior.

jaredwilli
fuente
55
Según otro comentario, puede ser útil explicar cómo habilitar la búsqueda, es decir (desde otra respuesta) "Activar la opción 'Buscar en scripts de contenido' en la Configuración general de DevTools"
samneric
3
Esto está desactualizado
cdeutsch
8
En la versión actual de Chrome, DevTools> Configuración> Preferencias> Fuentes "Buscar en secuencias de comandos anónimas y de contenido"
Mark Hansen
Acordó que esto está desactualizado. También sería genial aclarar en qué parte de la configuración de Dev Tools se debe habilitar.
Max MacLeod
44

Parece que la respuesta siempre es más fácil de encontrar después de tomarse el tiempo para formular la pregunta correctamente ...

Encontré una opción en General -> Fuentes llamada "Buscar en secuencias de comandos de contenido". No estoy seguro de cómo / cuándo desactivé esto, pero habilitarlo y reiniciar Chrome ha solucionado todos mis problemas.

David McMullin
fuente
1
Sería bueno si Chrome nos solicitara habilitar esta opción al hacer CTRL + MAYÚS + F. Tampoco recuerdo haberlo deshabilitado, pero un día dejó de funcionar. ¡Gracias por salvarme de usar Firefox para este propósito!
JD Smith
Estoy bastante seguro de que estaba buscando entre todas las fuentes antes, pero de repente se detuvo. ¡ahora al marcar esa opción está funcionando nuevamente! gracias
Bakhshi
Tuve exactamente la misma experiencia, me encanta Chrome la mayor parte del tiempo, pero a veces encuentro un comportamiento inesperado después de las actualizaciones = (¡Me alegra que vuelva a funcionar ahora!
David McMullin
55
En Chrome 56, encontrará esta opción en [Menú de DevTools en la parte superior derecha de la ventana de DevTools] -> Configuración -> Preferencias -> Fuentes -> "Buscar en secuencias de comandos de contenido" (casilla de verificación en la parte inferior)
Chris
66
Para mí, en Chrome 69, ahora se llama "Buscar en guiones anónimos y de contenido"
Jono
35

Última versión de DevTools

Haga clic en el ícono de triple punto a la derecha del muelle DevTool y elija Buscar .

O simplemente presione : Control- Shift- Fmientras usa DevTools ( Control- Shift- I).

Menú Dock de DevTools


Versión anterior de DevTools

Active la opción ' Buscar en secuencias de comandos de contenido ' en la Configuración general de DevTools. Permitirá que los scripts de contenido se puedan buscar.

Entonces en panel DevTools , puede buscar los archivos de origen en la parte inferior del panel.

Por ejemplo:

Google Chrome - Scripts de contenido - Buscar en fuentes


Si no tiene la pestaña Buscar en la parte inferior del panel DevTools , haga clic en el icono de triple punto para abrirlo.

Chrome / Chromium - DevTools Buscar en archivos de código fuente

kenorb
fuente
1
Para mí, tuve que expandir el panel que contiene los resultados de búsqueda.
Eng.Fouad
8

Estaba enfrentando el mismo problema CTRL + MAYÚS + F ya no funcionaba.

  1. Presione f12 para abrir las herramientas de desarrollador
  2. Haga clic en puntos suspensivos verticales en el lado derecho de la barra de herramientas del desarrollador para abrir sus opciones
  3. Haga clic en "Más herramientas"
  4. Haga clic en "Buscar"

ingrese la descripción de la imagen aquí

Patrick S
fuente
5

En caso de que todavía no funcione, verifique si esta extensión está instalada en su Chrome:

formulario de relleno: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en

CTRL + MAYÚS + F todavía no funcionaba para mí, pero luego descubrí que la extensión de cromo "Form Filler" estaba anulando el comando "buscar todo" en el comando de la consola

Para cambiar esto: vaya a url -> chrome: // extensiones /

luego vaya a la parte inferior derecha: Atajos de teclado y puede cambiar el comando + CTRL + MAYÚS + F para el relleno de formularios

entonces el comando CTRL + MAYÚS + F en la consola de búsqueda de Chrome funcionó nuevamente

Xavave
fuente
4

En la última versión, CTRL + MAYÚS + F ya no funciona incluso después de habilitar "Buscar en secuencias de comandos anónimas y de contenido".

Pasos 1) Debe hacer clic en las tres ediciones en la parte superior derecha o inferior izquierda de las herramientas de desarrollo. ingrese la descripción de la imagen aquí

2) Verá una opción de búsqueda que es lo que desea.

3) También la pestaña de búsqueda está presente en la parte inferior, por lo que es posible que no sea visible, por lo que es posible que deba arrastrar la pestaña hacia arriba . ingrese la descripción de la imagen aquí

Achal Gupta
fuente