Cómo encontrar xpath usando firebug

Puede encontrar información de XPATH para los elementos del sitio web utilizando las herramientas del desarrollador de la mayoría de los navegadores. Firebug para Firefox le permite copiar la información de XPath directamente a su Portapapeles. Para la mayoría de los otros navegadores, puede encontrar la información de XPath para el elemento en las herramientas del desarrollador, pero tendrá que formatearlo usted mismo usted mismo.

Pasos

Método 1 de 4:
Usando Firefox y Firebug
  1. Imagen titulada Buscar XPath usando Firebug Paso 1
1. Instale Firebug para Firefox. Firebug es un complemento del inspector web para Firefox.
  • Haga clic en el botón del menú Firefox (☰) y seleccione "Complemento."
  • Hacer clic "Obtener complementos" y luego haga clic en el "Conseguir más complementos!" botón.
  • Buscar "Firebug" y luego haga clic en el "Añadir a Firefox" botón al lado.
  • Confirme que desea instalar Firebug y luego reinicie Firefox cuando se le solicite.
  • Imagen titulada Buscar XPath usando Firebug Paso 2
    2. Abra el sitio web que desea inspeccionar. Puede usar Firebug para inspeccionar cualquier elemento en un sitio web para encontrar el XPATH.
  • Imagen titulada Buscar XPath usando Firebug Paso 3
    3. Haga clic en el botón Firebug. Encontrarás esto en la esquina superior derecha de la ventana. Esto abrirá el panel Firebug en la parte inferior de la ventana de Firefox.
  • Imagen titulada Buscar XPath usando Firebug Paso 4
    4. Haga clic en el botón del inspector del elemento. Encontrará esto en la fila superior de botones en el panel Firebug en la parte inferior de la ventana, directamente a la derecha del botón Opciones de Firebug. Parece una caja con un cursor del mouse apuntando.
  • Imagen titulada Buscar XPath usando Firebug Paso 5
    5. Haga clic en el elemento de la página web que desea inspeccionar. A medida que mueve su cursor a través de la página web, verá diferentes elementos resaltados. Haga clic en el que desea encontrar el XPATH para.
  • Imagen titulada Buscar XPath usando Firebug Paso 6
    6. Haga clic con el botón derecho en el código resaltado en el panel Firebug. Cuando hace clic en un elemento en una página web, su código relacionado se resaltará en el panel Firebug en la parte inferior de la ventana. Haga clic derecho en este código resaltado.
  • Imagen titulada Buscar xpath usando Firebug Paso 7
    7. Seleccione "Copia xpath" desde el menú. Esto copiará la información de XPath del elemento a su portapapeles.
  • Si seleccionas "Copia Minimal XPath," Sólo se copiará la información básica de XPath.
  • Imagen titulada Buscar XPath usando Firebug Paso 8
    8. Pegue la información copiada de XPath en otro lugar. Una vez que se copia el código, simplemente puede pegarlo en cualquier otro lugar que necesite al hacer clic con el botón derecho en el botón derecho y seleccionando "Pegar."
  • Método 2 de 4:
    Usando cromo
    1. Imagen titulada Buscar XPath usando Firebug Paso 9
    1. Abra el sitio web que desea inspeccionar en Chrome. No necesita instalaciones de extensiones para poder encontrar la información de XPATH de los elementos del sitio web cuando está usando Chrome.
  • Imagen titulada Buscar XPath usando Firebug Paso 10
    2. prensa .F12 Para abrir el inspector de sitios web. Esto aparecerá en el lado derecho de la ventana.
  • Imagen titulada Buscar XPath usando Firebug Paso 11
    3. Haga clic en el botón del inspector del elemento. Encontrará esto en la esquina superior izquierda del panel del inspector de sitios web. El botón se ve como una caja con un cursor del mouse apuntando.
  • Imagen titulada Buscar XPath usando Firebug Paso 12
    4. Haga clic en el elemento en el sitio web que desea inspeccionar. Verás los elementos del sitio destacados mientras mueves tu cursor sobre ellos.
  • Imagen titulada Buscar XPath usando Firebug Paso 13
    5. Haga clic con el botón derecho en el código resaltado en el panel Inspector. Cuando hace clic en un elemento con el inspector, el código relevante resaltará automáticamente en el panel del inspector en el lado derecho de la ventana. Haga clic con el botón derecho en el código resaltado.
  • Imagen titulada Buscar XPath usando Firebug Paso 14
    6. Seleccione "Dupdo" → "Copia xpath." Esto copiará la información de XPath del elemento a su portapapeles.
  • Tenga en cuenta que esto solo copia la información mínima XPATH. Firebug para Firefox puede darle la información completa de XPATH.
  • Imagen titulada Buscar XPath usando Firebug Paso 15
    7. Pegue la información copiada XPATH. Puede pegar su información de XPath copiada, como lo haría con cualquier información copiada haciendo clic con el botón derecho en un campo de texto y seleccionando "Pegar."
  • Método 3 de 4:
    Usando safari
    1. Imagen titulada Buscar Xpath usando Firebug Paso 16
    1. Haga clic en el menú Safari y seleccione "Preferencias." Tendrá que habilitar el menú Desarrollar para acceder a la utilidad del inspector web.
  • Imagen titulada Buscar XPath usando Firebug Paso 17
    2. Haga clic en el "Avanzado" pestaña. Esto mostrará la configuración avanzada de Safari.
  • Imagen titulada Buscar XPath usando Firebug Paso 18
    3. Comprobar el "Mostrar el menú Desarrollar en la barra de menú" caja. El menú Desarrollar aparecerá inmediatamente en la barra de menú.
  • Imagen titulada Buscar XPath usando Firebug Paso 19
    4. Abra el sitio web que desea inspeccionar. Cierre el menú Preferencias y visite el sitio web que contiene el elemento que desea obtener XPath para.
  • Imagen titulada Buscar XPath usando Firebug Paso 20
    5. Haga clic en el menú Desarrollar y seleccione "Mostrar inspector web." El panel del inspector web aparecerá en la parte inferior de la ventana.
  • Imagen titulada Buscar XPath usando Firebug Paso 21
    6. Haga clic en el "Selección de elementos de inicio" botón. Parece que se puede encontrar una cruz, se puede encontrar en la fila superior de botones en el panel Inspector de Web.
  • Imagen titulada Buscar XPath usando Firebug Paso 22
    7. Haga clic en el elemento en el sitio web que desea inspeccionar. Esto resaltará el código para ese elemento en el panel Inspector de la web en la parte inferior de la ventana.
  • Imagen titulada Buscar XPath usando Firebug Paso 23
    8. Tenga en cuenta la información de XPATH en la parte superior del árbol. No puede copiar directamente el XPATH, pero puede ver la ruta completa presentada por encima del código que se muestra en el inspector web. Cada pestaña es una expresión de ruta.
  • Método 4 de 4:
    Utilizando Internet Explorer
    1. Imagen titulada Buscar XPath usando Firebug Paso 24
    1. Abra el sitio web que desea inspeccionar en Internet Explorer. No necesitas instalar nada para encontrar el XPATH en Internet Explorer. Abra el sitio web que contiene el elemento que desea inspeccionar.
  • Imagen titulada Buscar XPath usando Firebug Paso 25
    2. prensa F12 Para abrir las herramientas del desarrollador. El panel de herramientas del desarrollador aparecerá en la parte inferior de la ventana.
  • Imagen titulada Buscar Xpath usando Firebug Paso 26
    3. Haga clic en el "Elemento seleccionado" botón. Encontrará esto en la esquina superior izquierda del panel Herramientas del desarrollador.
  • Imagen titulada Buscar XPath usando Firebug Paso 27
    4. Haga clic en el elemento en la página web que desea inspeccionar. Esto lo seleccionará y resaltará el código para ello en el Explorador DOM.
  • Imagen titulada Buscar XPath usando Firebug Paso 28
    5. Tenga en cuenta la información de XPATH en la parte inferior del panel. Cada una de las pestañas a lo largo de la parte inferior del panel es una expresión xpath para el elemento que ha seleccionado. No puede copiarlo en formato XPath como puede en Firefox con Firebug.
  • Consejos

    Artículos Relacionados