Puede encontrar información XPath para los elementos del sitio web utilizando las herramientas de desarrollo de la mayoría de los navegadores. Firebug para Firefox le permite copiar información XPath directamente a su portapapeles. Para la mayoría de los demás navegadores, puede encontrar la información de XPath para el elemento en las herramientas de desarrollo, pero tendrá que formatearlo usted mismo.
Pasos
Método 1 de 4: uso de Firefox y Firebug
Paso 1. Instale Firebug para Firefox
Firebug es un complemento de inspector web para Firefox.
- Haz clic en el botón Menú de Firefox (☰) y selecciona "Complementos".
- Haga clic en "Obtener complementos" y luego haga clic en "Obtener más complementos". botón.
- Busque "Firebug" y luego haga clic en el botón "Agregar a Firefox" al lado.
- Confirme que desea instalar Firebug y luego reinicie Firefox cuando se le solicite.
Paso 2. Abra el sitio web que desea inspeccionar
Puede usar Firebug para inspeccionar cualquier elemento en un sitio web para encontrar el XPath.
Paso 3. Haga clic en el botón Firebug
Lo encontrará en la esquina superior derecha de la ventana. Esto abrirá el panel de Firebug en la parte inferior de la ventana de Firefox.
Paso 4. Haga clic en el botón del inspector de elementos
Lo encontrará en la fila superior de botones en el panel de Firebug en la parte inferior de la ventana, directamente a la derecha del botón Opciones de Firebug. Parece un cuadro con el cursor del mouse apuntando hacia él.
Paso 5. Haga clic en el elemento de la página web que desea inspeccionar
A medida que mueva el cursor sobre la página web, verá resaltados diferentes elementos. Haga clic en el que desea buscar el XPath.
Paso 6. Haga clic con el botón derecho en el código resaltado en el panel de 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 con el botón derecho en este código resaltado.
Paso 7. Seleccione "Copiar XPath" en el menú
Esto copiará la información XPath del elemento a su portapapeles.
Si selecciona "Copiar XPath mínimo", solo se copiará la información básica de XPath
Paso 8. Pegue la información XPath copiada en otro lugar
Una vez que se copia el código, puede simplemente pegarlo en cualquier otro lugar que necesite haciendo clic derecho y seleccionando "Pegar".
Método 2 de 4: usar Chrome
Paso 1. Abra el sitio web que desea inspeccionar en Chrome
No necesita ninguna extensión instalada para poder encontrar la información XPath de los elementos del sitio web cuando usa Chrome.
Paso 2. Presione
F12 para abrir el inspector del sitio web.
Esto aparecerá en el lado derecho de la ventana.
Paso 3. Haga clic en el botón del inspector de elementos
Lo encontrará en la esquina superior izquierda del panel del inspector del sitio web. El botón parece un cuadro con el cursor del mouse apuntando hacia él.
Paso 4. Haga clic en el elemento del sitio web que desea inspeccionar
Verá los elementos del sitio resaltados cuando mueva el cursor sobre ellos.
Paso 5. Haga clic con el botón derecho en el código resaltado en el panel del inspector
Cuando hace clic en un elemento con el inspector, el código relevante se resaltará automáticamente en el panel del inspector en el lado derecho de la ventana. Haz clic derecho en el código resaltado.
Paso 6. Seleccione "Copiar" → "Copiar XPath
" Esto copiará la información XPath del elemento a su portapapeles.
Tenga en cuenta que esto solo copia la información mínima de XPath. Firebug para Firefox puede brindarle la información completa de XPath
Paso 7. Pegue la información XPath copiada
Puede pegar su información XPath copiada como lo haría con cualquier información copiada haciendo clic derecho en un campo de texto y seleccionando "Pegar".
Método 3 de 4: uso de Safari
Paso 1. Haga clic en el menú de Safari y seleccione "Preferencias"
" Deberá habilitar el menú Desarrollar para acceder a la utilidad Web Inspector.
Paso 2. Haga clic en la pestaña "Avanzado"
Esto mostrará la configuración avanzada de Safari.
Paso 3. Marque la casilla "Mostrar menú Desarrollar en la barra de menú"
El menú Desarrollar aparecerá inmediatamente en la barra de menú.
Paso 4. Abra el sitio web que desea inspeccionar
Cierre el menú Preferencias y visite el sitio web que contiene el elemento para el que desea obtener XPath.
Paso 5. Haga clic en el menú Desarrollar y seleccione "Mostrar inspector web"
" El panel Web Inspector aparecerá en la parte inferior de la ventana.
Paso 6. Haga clic en el botón "Iniciar selección de elementos"
Parece una cruz, se puede encontrar en la fila superior de botones en el panel del Inspector web.
Paso 7. Haga clic en el elemento del sitio web que desea inspeccionar
Esto resaltará el código para ese elemento en el panel Inspector web en la parte inferior de la ventana.
Paso 8. Anote la información de XPath en la parte superior del árbol
No puede copiar directamente XPath, pero puede ver la ruta completa sobre el código que se muestra en el Inspector web. Cada pestaña es una expresión de ruta.
Método 4 de 4: uso de Internet Explorer
Paso 1. Abra el sitio web que desea inspeccionar en Internet Explorer
No es necesario instalar nada para encontrar XPath en Internet Explorer. Abra el sitio web que contiene el elemento que desea inspeccionar.
Paso 2. Presione F12 para abrir las herramientas de desarrollo
El panel de herramientas para desarrolladores aparecerá en la parte inferior de la ventana.
Paso 3. Haga clic en el botón "Seleccionar elemento"
Lo encontrará en la esquina superior izquierda del panel de herramientas para desarrolladores.
Paso 4. Haga clic en el elemento de la página web que desea inspeccionar
Esto lo seleccionará y resaltará el código correspondiente en el explorador DOM.
Paso 5. Anote la información de XPath en la parte inferior del panel
Cada una de las pestañas 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 hacerlo en Firefox con Firebug.
