¿Cómo buscar elementos DOM utilizando los selectores XPath o CSS en Herramientas para desarrolladores de Chrome?

205

Puede utilizar $x en la consola de JavaScript Chrome. No se necesitan extensiones

ex: $x("//img")

2011-08-29 20:49:09

+26

Esta es una respuesta útil. Para agregarlo, la función $ x acepta un segundo argumento opcional, el contexto. $ x (xpath, context) Esto le permite seleccionar un contenido de iframe particular, por ejemplo, y ejecutar una consulta xpath contra él. Por lo tanto, para el primer iframe: myframe = document.getElementsByTagName ("iframe") [0] .contentWindow.document.body; #to xpath consulta ese iframe para las celdas de la tabla: $ x ("// td", myframe); –

para encontrar un elemento con un selector de CSS, uno debe usar la función $$ console, p. Ej. $$ ('body') – user907860

Se pueden encontrar más comandos aquí: https://developers.google.com/chrome-developer-tools/docs/commandline-api#selector –

Simplemente escribiendo xpath expresión en el cuadro de búsqueda debería funcionar. Funciona para mí en la construcción tip-of-tree.

La característica parece no estar funcionando en Chrome 11, sin embargo, me he presentado un error en esto: http://crbug.com/79716

Fuente

2011-04-18 07:03:24

tienes razón. funciona, pero la función de resaltado está rota. Estoy usando Chrome 10.0. * En Mac os X. – Bobo

mejor respuesta de Mark Polito a continuación. – FGM

Funciona con Chrome 32. Vaya a la pestaña Elemento de devtool y presione CTRL + S y busque el xpath – eeezyy

¿Cómo buscar elementos DOM utilizando los selectores XPath o CSS en Herramientas para desarrolladores de Chrome?

Respuesta

Cuestiones relacionadas