Búsqueda: Encuentra texto en todos los recursos cargados

Sofia Emelianova
Sofia Emelianova

Usa el panel Search para encontrar texto en todos los recursos cargados.

Como alternativa, usa las barras de búsqueda integradas para encontrar texto en un recurso abierto en una herramienta específica.

Descripción general

El panel Buscar te permite encontrar texto en todos los recursos cargados y, además, usar expresiones regulares o distinción entre mayúsculas y minúsculas. Una vez que encuentres el texto, puedes ver su fuente en el panel Fuentes.

Puedes abrir el panel Búsqueda de varias maneras. Primero, abre DevTools y, luego, realiza una de las siguientes acciones:

  • En la esquina superior derecha de DevTools, selecciona Personaliza y controla Herramientas para desarrolladores Personalizar y controlar Herramientas para desarrolladores > Más herramientas > Búsqueda.
  • Presiona Esc para abrir el panel lateral y, en la esquina superior izquierda, selecciona Personaliza y controla Herramientas para desarrolladores Más herramientas > Buscar.
  • Presiona Comando+Opción+F (Mac) o Control+Mayúsculas+F (Windows/Linux).

Busca texto en todos los recursos cargados

Para buscar texto en todos los recursos cargados, en la barra de búsqueda del panel Search, escribe tu consulta y presiona Intro.

Resultados de la búsqueda.

Cuando DevTools encuentra varias coincidencias en una sola línea, los resultados de la búsqueda las muestran todas con el mismo número de línea. Haz clic en un resultado de la búsqueda. Herramientas para desarrolladores abrirá la línea en Sources y desplazará la coincidencia para verla.

Para que tu consulta distinga entre mayúsculas y minúsculas, activa o desactiva el botón Match case.

Botón para hacer coincidir mayúsculas y minúsculas.

Para buscar texto que coincida con una expresión regular, activa o desactiva el botón Expresión regular .

Botón de expresión regular.

Vuelve a ejecutar una consulta, expándela y borra los resultados

Para volver a ejecutar la búsqueda, haz clic en Actualizar. Actualizar.

Para expandir todos los resultados de la búsqueda, haz lo siguiente:

  • En Windows / Linux, presiona Ctrl + Mayúsculas + { o }
  • En macOS, presiona Comando+Option+{ o }.

Para borrar los resultados de la búsqueda, haz clic en Borrar. Borrar.

Cómo buscar texto en una herramienta específica

Para limitar tu alcance de búsqueda a un recurso abierto en una herramienta específica, puedes usar una barra de búsqueda integrada si la herramienta lo admite.

Las barras de búsqueda tienen botones de arriba y abajo para ir al resultado de la búsqueda anterior y al siguiente.

Para abrir una barra de búsqueda integrada en una herramienta específica, presiona Comando + F (Mac) o Control + F (Windows/Linux).

No todos los paneles y pestañas de Herramientas para desarrolladores tienen una barra de búsqueda integrada, pero aquellos que sí la tienen, a menudo proporcionan funciones específicas de la herramienta. A continuación, se muestra una lista de herramientas con barras de búsqueda y sus funciones.

Panel o pestaña Distingue mayúsculas de minúsculas Regex Alcance Funciones específicas de la herramienta
Elementos Árbol del DOM Buscar por selector y XPath
Consola Listo. Listo. Mensajes de registro
Fuentes Listo. Listo. Archivo fuente actual Reemplazar
Red Listo. Listo. Encabezados de red, cargas útiles y respuestas
Rendimiento Listo. Listo. Actividades en la pista Principal y solicitudes en la pista Red
Memoria Listo. Perfiles Busca perfiles de muestreo por costo, nombre y archivo
Generador de perfiles de JavaScript Listo. Perfiles de CPU Buscar por costo, nombre y archivo
Fuente rápida Listo. Listo. Archivo fuente actual Reemplazar