¿Cómo puedo verificar mi XPath?

Estoy usando la herramienta Chrome Developers para inspeccionar los elementos y formar mi XPath. Lo verifico usando el complemento XPath Checker de Chrome, sin embargo, no siempre me da el resultado. ¿Cuál es una mejor manera de verificar mi XPath?

También intenté usar Firebug para inspeccionar el error y también usar FirePath para verificar. Pero Firepath también verifica el XPath.

Mi última opción sería usar Selenium WebDriver para confirmar mi XPath.

Cromo

Esto se puede lograr mediante tres enfoques diferentes (consulte el artículo de mi blog aquí para obtener más detalles):

• Buscar en el Elementspanel como abajo
• Ejecutar $x()y $$()en el Consolepanel, como se muestra en la respuesta de Lawrence
• Extensiones de terceros (no es realmente necesario en la mayoría de los casos, podría ser una exageración)

Así es como busca XPath en el Elementspanel:

1. Presione F12para abrir Chrome Developer Tool
2. En el panel "Elementos", presione Ctrl+F
3. 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)

Como FF 75 es posible usar una consulta xpath sin procesar sin expresiones xpath de evaluación, consulte la documentación para obtener más información.

Firefox (versión anterior 75)

1. 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 atajo de teclado Ctrl+ Shift+ K( Command+ Option+ Ken OS X).

2. En la línea de comando en la parte inferior, use lo siguiente:

   • $(): Devuelve el primer elemento que coincide. Equivalente document.querySelector()o llama a la $función en la página, si existe.

   • $$(): Devuelve una matriz de nodos DOM que coinciden. Esto es como para document.querySelectorAll(), pero devuelve una matriz en lugar de a NodeList.

   • $x(): Evalúa una expresión XPath y devuelve una matriz de nodos coincidentes.

Firefox (versión anterior 49)

1. Instalar Firebug
2. Instalar Firepath
3. Presione F12para abrir Firebug
4. Cambiar al FirePathpanel
5. En el menú desplegable, seleccione XPathor CSS
6. Escriba para ubicar

Puede abrir DevTools en Chrome con CTRL+IWindows (o CMD+IMac) y Firefox con F12, luego seleccionar la Consolepestaña) y verificar el XPath escribiendo $x("your_xpath_here").
Esto devolverá una matriz de valores coincidentes. Si está vacío, sabe que no hay coincidencias en la página.

Firefox v66 (abril de 2019):

Chrome v69 (abril de 2019):

Mediante el uso de Chrome u Opera

sin complementos, sin escribir ningún carácter de sintaxis XPath

1. haga clic derecho en el elemento requerido, luego "inspeccionar"
2. haga clic derecho en la etiqueta del elemento resaltado, elija copiar> Copiar Xpath.

;)

Aquí está la extensión ChroPath para Chrome que tiene muchas características avanzadas en comparación con FirePath. Siga los pasos a continuación:

1. Abra el panel de devtools.
2. Haga clic derecho en cualquier lugar de la página web.
3. Haga clic en inspeccionar.
4. En el lado derecho de la pestaña Elementos, haga clic en la pestaña ChroPath.

Aquí obtendrá el XPath / CSS y también puede editarlo y evaluarlo.

Descargar complemento

Otra opción para verificar su xpath es usar selenio IDE.

1. Instalar Firefox Selenium IDE
2. Abra su aplicación en Firefox y abra IDE
3. En IDE, en una nueva línea, pegue su xpath en el destino y haga clic en Buscar. El elemento correspondiente se resaltaría en su aplicación.

Verifico los selectores XPath y Css usando la extensión WebSync Chrome .

Proporciona la posibilidad de verificar selectores y también de generar / modificar selectores haciendo clic en los atributos del elemento.

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac