firefox - teclado - mozilla inspector

¿Cómo hacer una búsqueda simple en la pestaña Inspector de DevTools de Firefox?

Question

Estoy usando Firefox DevTools y estoy usando la pestaña Inspector , en la que se muestra el árbol HTML.

Cuando uso la función Search HTML , solo busca etiquetas. Entonces supongamos que tengo esto:

<div class="lol">textinsidediv</div>

Y cuando busco ''div'', devuelve el <div> consecuencia. Sin embargo, si busco ''textinside'' no coincide con el texto dentro del contenido a pesar de que está comenzando allí.

Mi pregunta : ¿cómo puedo buscar cualquier cadena arbitraria dentro de este árbol HTML?

(En contra, Firebug realiza una búsqueda de texto simple tal como se esperaba).

Answer 1

Esto ahora está arreglado a partir de FireFox 45 ...

https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Searching

Answer 2

La búsqueda en el panel Inspector de Firefox DevTools permite buscar contenido de texto desde Firefox 45 (ver error 835896 ).

Por cierto. desde Firebug 2.0 también puede buscar en el panel HTML utilizando selectores CSS (además de la búsqueda de texto plano).

Answer 3

No es una búsqueda de etiquetas html realmente inútil, en realidad busca selectores de CSS (lo mismo que lo que se usa con css, querySelector en Javascript o selector de jQuery)

Entonces puede buscar #id , recorrer todos los elementos de una determinada clase buscando .class , incluso puede buscar todos los elementos con atributo, incluido texto, por ejemplo [class*="o"] debe dar todos los elementos con la letra o en atributo de clase. Esto es útil para lo que los diseñadores / desarrolladores desean encontrar: para encontrar texto, puede presionar Ctrl + F dentro de la página, luego hacer clic con el botón derecho e inspeccionar el elemento.

Answer 4

Solución alternativa: en el inspector, haga clic con el botón derecho en la etiqueta más externa y luego haga clic en "Copiar HTML interno". Pega en un procesador de texto y busca allí.

Answer 5

Una buena idea es copiar HTML interno, pero aún mejor es Editar como HTML. Esto abre un panel local que muestra el texto completo, y se puede buscar con Ctrl + F o cmd + F.

Ctrl + G para encontrar el siguiente, Ctrl + Shift + G para encontrar el anterior.

Answer 6

Ver answer .

Como alternativa a la búsqueda dentro de las herramientas de desarrollo ...

• Haga clic derecho en la página en cualquier lugar
• Seleccione Ver fuente

Dentro de la vista de fuente puede realizar fácilmente una búsqueda de texto haciendo un ctrl/f o cmd/f si está en un mac.