Solución:
Cromo
Esto se puede lograr mediante tres enfoques diferentes (consulte el artículo de mi blog aquí para obtener más detalles):
- Busca en
Elements
panel como abajo - Ejecutar
$x()
y$$()
enConsole
panel, como se muestra en la respuesta de Lawrence - Extensiones de terceros (no son realmente necesarias en la mayoría de los casos, podrían ser excesivas)
Así es como se busca XPath en Elements
panel:
- prensa F12 para abrir la herramienta de desarrollo de Chrome
- En el panel “Elementos”, presione control+F
- En el cuadro de búsqueda, escriba XPath o CSS Selector, si se encuentran elementos, se resaltarán en amarillo.
Firefox (desde la versión 75)
Desde FF 75 es posible usar consultas xpath sin procesar sin expresiones xpath de evaluación, consulte la documentación para obtener más información.
Firefox (versión anterior 75)
- Seleccione “Consola web” en el submenú Desarrollador web en el menú de Firefox (o el menú Herramientas si muestra la barra de menú o está en Mac OS X).
o presione el control+Cambio+K (Mando+Opción+K en OS X) atajo de teclado. -
En la línea de comando en la parte inferior, use lo siguiente:
-
$()
: Devuelve el primer elemento que coincide. Equivalente adocument.querySelector()
o llama al$
función en la página, si existe. -
$$()
: Devuelve una matriz de nodos DOM que coinciden. Esto es como paradocument.querySelectorAll()
, pero devuelve una matriz en lugar de unaNodeList
. -
$x()
: Evalúa una expresión XPath y devuelve una matriz de nodos coincidentes.
-
Firefox (versión anterior 49)
- Instalar Firebug
- Instalar Firepath
- prensa F12 para abrir Firebug
- Cambiar a
FirePath
panel - En el menú desplegable, seleccione XPathor CSS
- Escribe para localizar
Puede abrir DevTools en Chrome con CTRL + I en Windows (o CMD + I Mac) y Firefox con F12, luego seleccione el Console
pestaña), y verifique XPath escribiendo $x("your_xpath_here")
.
Esto devolverá una matriz de valores coincidentes. Si está vacío, sabrá que no hay ninguna coincidencia en la página.
Firefox v66 (abril de 2019):
Chrome v69 (abril de 2019):
Utilizando Chrome u Opera
sin complementos, sin escribir ningún carácter de sintaxis XPath
- haga clic derecho en el elemento requerido, luego “inspeccionar”
- haga clic derecho en la etiqueta del elemento resaltado, elija Dupdo → Copiar XPath.
😉