Saltar al contenido

¿Cómo verificar una expresión XPath en la herramienta para desarrolladores de Chrome o Firebug de Firefox?

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 $$() en Console 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:

  1. prensa F12 para abrir la herramienta de desarrollo de Chrome
  2. En el panel “Elementos”, presione control+F
  3. En el cuadro de búsqueda, escriba XPath o CSS Selector, si se encuentran elementos, se resaltarán en amarillo.

ingrese la descripción de la imagen aquí

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)

  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 control+Cambio+K (Mando+Opción+K en OS X) atajo de teclado.
  2. En la línea de comando en la parte inferior, use lo siguiente:

    • $(): Devuelve el primer elemento que coincide. Equivalente a document.querySelector() o llama al $ 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 una 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. prensa F12 para abrir Firebug
  4. Cambiar a FirePath panel
  5. En el menú desplegable, seleccione XPathor CSS
  6. Escribe para localizar

ingrese la descripción de la imagen aquí

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):

Firefox v66 consola xpath

Chrome v69 (abril de 2019):

Consola xpath de Chrome v69

Utilizando 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 DupdoCopiar XPath.

😉

Ingrese la descripción de la imagen aquí

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *