Cómo hallar un XPath utilizando Firebug

PDF download Descargar el PDF
Coescrito por Personal de wikiHow

PDF download Descargar el PDF

La mayoría de los navegadores incluyen herramientas de desarrollador que te permiten encontrar la información de XPath de un sitio web. Con Firebug para Firefox puedes copiar la información de XPath directamente al portapapeles. En el resto de los navegadores puedes buscar la información de XPath de un elemento con las herramientas de desarrollador, pero tendrás que darle formato tú mismo.

Método 1
Método 1 de 4:

Usar Firefox y Firebug

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/09\/Find-XPath-Using-Firebug-Step-1-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/09\/Find-XPath-Using-Firebug-Step-1-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Firebug es complemento de inspección web para Firefox.
    • Haz clic en el botón de menú de Firefox (☰) y selecciona "Complementos".
    • Haz clic en "Obtener complementos" y luego haz clic en el botón "¡Obtener más complementos!".
    • Busca "Firebug" y luego haz clic en el botón "Añadir a Firefox" que está a su lado.
    • Confirma que deseas instalar Firebug y luego reinicia Firefox cuando se te indique.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1d\/Find-XPath-Using-Firebug-Step-2-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1d\/Find-XPath-Using-Firebug-Step-2-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Con Firebug puedes inspeccionar cualquier elemento de un sitio web para encontrar el XPath.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c5\/Find-XPath-Using-Firebug-Step-3-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/Find-XPath-Using-Firebug-Step-3-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Lo encontrarás en la esquina superior derecha de la ventana. Al hacerlo, se abrirá el panel Firebug en la parte inferior de la ventana de Firefox.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Find-XPath-Using-Firebug-Step-4-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Find-XPath-Using-Firebug-Step-4-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Lo encontrarás en la primera fila de botones del panel de Firebug en la parte inferior de la ventana, justo a la derecha del botón "Firebug Options" (opciones de Firebug). Su ícono es un cuadro con un cursor de ratón apuntando hacia él.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ac\/Find-XPath-Using-Firebug-Step-5-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ac\/Find-XPath-Using-Firebug-Step-5-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    A medida que vayas moviéndote a través de la página, se irán resaltando distintos elementos. Haz clic en el elemento para el cual quieras averiguar el XPath.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/Find-XPath-Using-Firebug-Step-6-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Find-XPath-Using-Firebug-Step-6-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cuando hagas clic en un elemento de la página, el código correspondiente a dicho elemento se resaltará en el panel de Firebug en la parte inferior de la ventana. Haz clic derecho en el código seleccionado.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/13\/Find-XPath-Using-Firebug-Step-7.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/13\/Find-XPath-Using-Firebug-Step-7.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, la información del elemento de XPath se copiará al portapapeles.
    • Si seleccionas "Copy Minimal XPath" (copiar XPath mínimo), se copiará solo la información básica.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bf\/Find-XPath-Using-Firebug-Step-8.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bf\/Find-XPath-Using-Firebug-Step-8.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Una vez que el código se haya copiado, puedes simplemente pegarlo en el lugar que necesites haciendo clic derecho y seleccionando "Pegar".
    Anuncio
Método 2
Método 2 de 4:

Usar Chrome

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/be\/Find-XPath-Using-Firebug-Step-9.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/be\/Find-XPath-Using-Firebug-Step-9.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si usas Chrome no necesitarás instalar extensiones para encontrar la información de XPath.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fe\/Find-XPath-Using-Firebug-Step-10.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fe\/Find-XPath-Using-Firebug-Step-10.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Se abrirá en el lado derecho de la ventana.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-11.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-11.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Lo encontrarás en la esquina superior izquierda del panel del inspector de sitios web. Este botón parece un cuadro con un cursor de ratón apuntando hacia él.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Find-XPath-Using-Firebug-Step-12.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Find-XPath-Using-Firebug-Step-12.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    A medida que vayas moviendo el cursor a través del sitio se irán resaltando sus elementos.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bb\/Find-XPath-Using-Firebug-Step-13.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bb\/Find-XPath-Using-Firebug-Step-13.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cuando hagas clic en un elemento dentro del inspector, el código correspondiente se resaltará automáticamente en el panel del lado derecho de la ventana. Haz clic derecho en el código seleccionado.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Find-XPath-Using-Firebug-Step-14.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Find-XPath-Using-Firebug-Step-14.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, la información de XPath del elemento se copiará al portapapeles.
    • Ten en cuenta que solo se copiará la información básica del XPath. Para conseguir la información completa de XPath puedes usar Firebug en Firefox.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Find-XPath-Using-Firebug-Step-15.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Find-XPath-Using-Firebug-Step-15.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Puedes pegar la información de XPath como lo harías normalmente, haciendo clic derecho en un campo de texto y seleccionando "Pegar".
    Anuncio
Método 3
Método 3 de 4:

Usar Safari

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8f\/Find-XPath-Using-Firebug-Step-16.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8f\/Find-XPath-Using-Firebug-Step-16.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para poder acceder a la utilidad de inspección web deberás habilitar el menú "Desarrollo".
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/Find-XPath-Using-Firebug-Step-17.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/Find-XPath-Using-Firebug-Step-17.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aparecerán las configuraciones avanzadas de Safari.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Find-XPath-Using-Firebug-Step-18.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Find-XPath-Using-Firebug-Step-18.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El menú Desarrollo aparecerá inmediatamente en la barra de menús.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f0\/Find-XPath-Using-Firebug-Step-19.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f0\/Find-XPath-Using-Firebug-Step-19.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-19.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cierra el menú "Preferencias" y ve al sitio web que contenga el elemento para el cual quieras encontrar el XPath.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/42\/Find-XPath-Using-Firebug-Step-20.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/42\/Find-XPath-Using-Firebug-Step-20.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aparecerá el panel del inspector web en la parte inferior de la ventana.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/98\/Find-XPath-Using-Firebug-Step-21.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/98\/Find-XPath-Using-Firebug-Step-21.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-21.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Es el que parece un punto de mira. Lo encontrarás en la primera fila de opciones en el panel del inspector web.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ca\/Find-XPath-Using-Firebug-Step-22.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-22.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ca\/Find-XPath-Using-Firebug-Step-22.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-22.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Se seleccionará el código correspondiente a ese elemento en el panel del inspector web ubicado en la parte inferior de la ventana.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1a\/Find-XPath-Using-Firebug-Step-23.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-23.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1a\/Find-XPath-Using-Firebug-Step-23.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-23.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El XPath no se puede copiar en forma directa, pero la ruta completa se mostrará arriba del código que está en el inspector web. Cada pestaña contiene una expresión de la ruta. [1]
    Anuncio
Método 4
Método 4 de 4:

Usar Internet Explorer

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b8\/Find-XPath-Using-Firebug-Step-24.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-24.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b8\/Find-XPath-Using-Firebug-Step-24.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-24.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para hallar el XPath en Internet Explorer no es necesario instalar nada. Abre el sitio web que contenga el elemento que quieras inspeccionar.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ee\/Find-XPath-Using-Firebug-Step-25.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-25.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ee\/Find-XPath-Using-Firebug-Step-25.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-25.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aparecerá el panel de herramientas de desarrollador en la parte inferior de la ventana.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-26.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-26.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-26.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-26.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Lo encontrarás en la esquina superior izquierda del panel de herramientas de desarrollador.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cb\/Find-XPath-Using-Firebug-Step-27.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-27.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cb\/Find-XPath-Using-Firebug-Step-27.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-27.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Este se seleccionará y el código correspondiente se resaltará en el DOM Explorer.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5a\/Find-XPath-Using-Firebug-Step-28.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-28.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5a\/Find-XPath-Using-Firebug-Step-28.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-28.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cada una de las pestañas que se encuentran en la parte inferior del panel representa al XPath del elemento que has seleccionado. Ten presente que no podrás copiarlo con formato de XPath como lo harías en Firefox usando Firebug.
    Anuncio

wikiHows relacionados

Cómo
añadir un acceso directo a Google a tu escritorio
Cómo
marcar una página como favorita
Cómo ver Netflix con tus amigos a distancia
Cómo
borrar cookies en Safari
Cómo
copiar texto que no se puede copiar
Cómo
habilitar JavaScript en tu computadora
8 formas sencillas de solucionar reCAPTCHA cuando no funciona en todos los navegadores
Cómo
hacer que Google sea tu motor de búsqueda predeterminado
Cómo
borrar la memoria caché y las cookies
Cómo
activar el modo de incógnito
Cómo
buscar una palabra en una página web
Cómo
deshabilitar tu bloqueador de anuncios
Cómo
cambiar tu navegador predeterminado
Cómo
deshabilitar las cookies
Anuncio

Referencias

  1. ↑ http://stackoverflow.com/questions/34456722/getting-xpath-for-element-in-safari

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 8833 visitas.

¿Te ayudó este artículo?

Anuncio