4 maneres de trobar XPath mitjançant Firebug

Taula de continguts:

4 maneres de trobar XPath mitjançant Firebug
4 maneres de trobar XPath mitjançant Firebug

Vídeo: 4 maneres de trobar XPath mitjançant Firebug

Vídeo: 4 maneres de trobar XPath mitjançant Firebug
Vídeo: Installing VSCode with PlaformIO and building MarlinFW 2024, Maig
Anonim

Podeu trobar informació d’XPath per a elements del lloc web mitjançant la majoria d’eines per a desenvolupadors de navegadors. Firebug per a Firefox us permet copiar informació XPath directament al porta-retalls. Per a la majoria dels altres navegadors, podeu trobar la informació XPath de l’element a les eines per a desenvolupadors, però l’haureu de formatar vosaltres mateixos.

Passos

Mètode 1 de 4: utilitzar Firefox i Firebug

Cerqueu XPath mitjançant Firebug Pas 1
Cerqueu XPath mitjançant Firebug Pas 1

Pas 1. Instal·leu Firebug per a Firefox

Firebug és un complement d’inspector web per a Firefox.

  • Feu clic al botó del menú Firefox (☰) i seleccioneu "Complements".
  • Feu clic a "Obtén complements" i, a continuació, feu clic a "Obteniu més complements". botó.
  • Cerqueu "Firebug" i feu clic al botó "Afegeix a Firefox" que hi ha al costat.
  • Confirmeu que voleu instal·lar Firebug i reinicieu Firefox quan se us demani.
Cerqueu XPath mitjançant Firebug Pas 2
Cerqueu XPath mitjançant Firebug Pas 2

Pas 2. Obriu el lloc web que voleu inspeccionar

Podeu utilitzar Firebug per inspeccionar qualsevol element d’un lloc web per trobar XPath.

Cerqueu XPath mitjançant Firebug Pas 3
Cerqueu XPath mitjançant Firebug Pas 3

Pas 3. Feu clic al botó Firebug

Ho trobareu a l'extrem superior dret de la finestra. Això obrirà el tauler Firebug a la part inferior de la finestra de Firefox.

Cerqueu XPath mitjançant Firebug Pas 4
Cerqueu XPath mitjançant Firebug Pas 4

Pas 4. Feu clic al botó inspector d'elements

Ho trobareu a la fila superior de botons del tauler Firebug, a la part inferior de la finestra, directament a la dreta del botó Opcions de Firebug. Sembla una caixa amb el cursor del ratolí apuntant-hi.

Cerqueu XPath mitjançant Firebug Pas 5
Cerqueu XPath mitjançant Firebug Pas 5

Pas 5. Feu clic a l'element de la pàgina web que vulgueu inspeccionar

A mesura que moveu el cursor per la pàgina web, veureu que es ressalten diferents elements. Feu clic al que vulgueu trobar XPath.

Cerqueu XPath mitjançant Firebug Pas 6
Cerqueu XPath mitjançant Firebug Pas 6

Pas 6. Feu clic amb el botó dret al codi ressaltat al tauler Firebug

Quan feu clic a un element d'una pàgina web, el codi relacionat es ressaltarà al tauler Firebug, a la part inferior de la finestra. Feu clic amb el botó dret sobre aquest codi ressaltat.

Cerqueu XPath mitjançant Firebug Pas 7
Cerqueu XPath mitjançant Firebug Pas 7

Pas 7. Seleccioneu "Copia XPath" al menú

Això copiarà la informació XPath de l'element al porta-retalls.

Si seleccioneu "Copia XPath mínim", només es copiarà la informació bàsica de XPath

Cerqueu XPath mitjançant Firebug Pas 8
Cerqueu XPath mitjançant Firebug Pas 8

Pas 8. Enganxeu la informació copiada de XPath en un altre lloc

Un cop copiat el codi, podeu enganxar-lo a qualsevol altre lloc que necessiteu fent clic amb el botó dret i seleccionant "Enganxa".

Mètode 2 de 4: utilitzar Chrome

Cerqueu XPath mitjançant Firebug Pas 9
Cerqueu XPath mitjançant Firebug Pas 9

Pas 1. Obriu el lloc web que voleu inspeccionar a Chrome

No necessiteu cap extensió instal·lada per poder trobar la informació XPath dels elements del lloc web quan utilitzeu Chrome.

Cerqueu XPath mitjançant Firebug Pas 10
Cerqueu XPath mitjançant Firebug Pas 10

Pas 2. Premeu

F12 per obrir l’inspector del lloc web.

Això apareixerà a la part dreta de la finestra.

Cerqueu XPath mitjançant Firebug Pas 11
Cerqueu XPath mitjançant Firebug Pas 11

Pas 3. Feu clic al botó inspector d'elements

Ho trobareu a l'extrem superior esquerre del tauler d'inspecció del lloc web. El botó sembla una caixa amb el cursor del ratolí apuntant-hi.

Cerqueu XPath mitjançant Firebug Pas 12
Cerqueu XPath mitjançant Firebug Pas 12

Pas 4. Feu clic a l'element del lloc web que vulgueu inspeccionar

Veureu els elements del lloc ressaltats quan moveu el cursor sobre ells.

Cerqueu XPath mitjançant Firebug Pas 13
Cerqueu XPath mitjançant Firebug Pas 13

Pas 5. Feu clic amb el botó dret al codi ressaltat al tauler d'inspecció

Quan feu clic a un element amb l'inspector, el codi corresponent es ressaltarà automàticament al tauler de l'inspector a la part dreta de la finestra. Feu clic amb el botó dret al codi ressaltat.

Cerqueu XPath mitjançant Firebug Pas 14
Cerqueu XPath mitjançant Firebug Pas 14

Pas 6. Seleccioneu "Copia" → "Copia XPath

" Això copiarà la informació XPath de l'element al porta-retalls.

Tingueu en compte que això només copia la informació mínima XPath. Firebug per a Firefox us pot proporcionar tota la informació de XPath

Cerqueu XPath mitjançant Firebug Pas 15
Cerqueu XPath mitjançant Firebug Pas 15

Pas 7. Enganxeu la informació XPath copiada

Podeu enganxar la vostra informació XPath copiada com si ho féssiu fent clic amb el botó dret en un camp de text i seleccionant "Enganxa".

Mètode 3 de 4: utilitzar Safari

Cerqueu XPath mitjançant Firebug Pas 16
Cerqueu XPath mitjançant Firebug Pas 16

Pas 1. Feu clic al menú Safari i seleccioneu "Preferències

" Haureu d’activar el menú Desenvolupar per accedir a la utilitat Web Inspector.

Cerqueu XPath mitjançant Firebug Pas 17
Cerqueu XPath mitjançant Firebug Pas 17

Pas 2. Feu clic a la pestanya "Avançat"

Es mostrarà la configuració avançada de Safari.

Cerqueu XPath mitjançant Firebug Pas 18
Cerqueu XPath mitjançant Firebug Pas 18

Pas 3. Marqueu el quadre "Mostra el menú Desenvolupament a la barra de menú"

El menú Desenvolupament apareixerà immediatament a la barra de menú.

Cerqueu XPath mitjançant Firebug Pas 19
Cerqueu XPath mitjançant Firebug Pas 19

Pas 4. Obriu el lloc web que voleu inspeccionar

Tanqueu el menú Preferències i visiteu el lloc web que conté l'element per al qual voleu obtenir XPath.

Cerqueu XPath mitjançant Firebug Pas 20
Cerqueu XPath mitjançant Firebug Pas 20

Pas 5. Feu clic al menú Desenvolupa i seleccioneu "Mostra l'Inspector web

" El tauler Inspector web apareixerà a la part inferior de la finestra.

Cerqueu XPath mitjançant Firebug Pas 21
Cerqueu XPath mitjançant Firebug Pas 21

Pas 6. Feu clic al botó "Inicia la selecció de l'element"

Sembla un punt de mira, es pot trobar a la fila superior de botons del tauler Inspector web.

Cerqueu XPath mitjançant Firebug Pas 22
Cerqueu XPath mitjançant Firebug Pas 22

Pas 7. Feu clic a l'element del lloc web que vulgueu inspeccionar

Això ressaltarà el codi d'aquest element al tauler Inspector web a la part inferior de la finestra.

Cerqueu XPath mitjançant Firebug Pas 23
Cerqueu XPath mitjançant Firebug Pas 23

Pas 8. Tingueu en compte la informació XPath a la part superior de l'arbre

No podeu copiar directament l'XPath, però podeu veure el camí complet que es mostra a sobre del codi que es mostra a l'Inspector web. Cada pestanya és una expressió de camí.

Mètode 4 de 4: utilitzar Internet Explorer

Cerqueu XPath mitjançant Firebug Pas 24
Cerqueu XPath mitjançant Firebug Pas 24

Pas 1. Obriu el lloc web que voleu inspeccionar a Internet Explorer

No cal instal·lar res per trobar XPath a Internet Explorer. Obriu el lloc web que conté l'element que voleu inspeccionar.

Cerqueu XPath mitjançant Firebug Pas 25
Cerqueu XPath mitjançant Firebug Pas 25

Pas 2. Premeu F12 per obrir les eines per a desenvolupadors

El tauler d’eines per a desenvolupadors apareixerà a la part inferior de la finestra.

Cerqueu XPath mitjançant Firebug Pas 26
Cerqueu XPath mitjançant Firebug Pas 26

Pas 3. Feu clic al botó "Selecciona element"

Ho trobareu a l'extrem superior esquerre del tauler d'eines per a desenvolupadors.

Cerqueu XPath mitjançant Firebug Pas 27
Cerqueu XPath mitjançant Firebug Pas 27

Pas 4. Feu clic a l'element de la pàgina web que voleu inspeccionar

Això el seleccionarà i ressaltarà el codi a l'explorador DOM.

Cerqueu XPath mitjançant Firebug Pas 28
Cerqueu XPath mitjançant Firebug Pas 28

Pas 5. Tingueu en compte la informació XPath a la part inferior del tauler

Cadascuna de les pestanyes de la part inferior del tauler és una expressió XPath de l'element que heu seleccionat. No es pot copiar en format XPath com es pot fer amb Firefox amb Firebug.

Recomanat: