4 måter å finne XPath ved hjelp av Firebug

Innholdsfortegnelse:

4 måter å finne XPath ved hjelp av Firebug
4 måter å finne XPath ved hjelp av Firebug

Video: 4 måter å finne XPath ved hjelp av Firebug

Video: 4 måter å finne XPath ved hjelp av Firebug
Video: How To Install Python Libraries In Visual Studio Code (Mac) 2024, Kan
Anonim

Du kan finne XPath -informasjon for nettstedselementer ved å bruke de fleste nettlesers utviklerverktøy. Med Firebug for Firefox kan du kopiere XPath -informasjon direkte til utklippstavlen. For de fleste andre nettlesere kan du finne XPath -informasjonen for elementet i utviklerverktøyene, men du må formatere det selv.

Trinn

Metode 1 av 4: Bruke Firefox og Firebug

Finn XPath ved hjelp av Firebug Trinn 1
Finn XPath ved hjelp av Firebug Trinn 1

Trinn 1. Installer Firebug for Firefox

Firebug er et webinspektørtillegg for Firefox.

  • Klikk på Firefox-menyknappen (☰) og velg "Tillegg."
  • Klikk på "Få tillegg" og deretter på "Få flere tillegg!" knapp.
  • Søk etter "Firebug" og klikk deretter på "Legg til i Firefox" -knappen ved siden av den.
  • Bekreft at du vil installere Firebug, og start deretter Firefox på nytt når du blir bedt om det.
Finn XPath ved hjelp av Firebug Trinn 2
Finn XPath ved hjelp av Firebug Trinn 2

Trinn 2. Åpne nettstedet du vil inspisere

Du kan bruke Firebug til å inspisere ethvert element på et nettsted for å finne XPath.

Finn XPath ved hjelp av Firebug Trinn 3
Finn XPath ved hjelp av Firebug Trinn 3

Trinn 3. Klikk på Firebug -knappen

Du finner dette i øvre høyre hjørne av vinduet. Dette åpner Firebug -panelet nederst i Firefox -vinduet.

Finn XPath ved hjelp av Firebug Trinn 4
Finn XPath ved hjelp av Firebug Trinn 4

Trinn 4. Klikk på elementinspektørknappen

Du finner dette i den øverste raden med knapper i Firebug -panelet nederst i vinduet, direkte til høyre for knappen Firebug -alternativer. Det ser ut som en boks med en musemarkør som peker på den.

Finn XPath ved hjelp av Firebug Trinn 5
Finn XPath ved hjelp av Firebug Trinn 5

Trinn 5. Klikk på nettsideelementet du vil inspisere

Når du flytter markøren over websiden, ser du at forskjellige elementer blir markert. Klikk på den du vil finne XPath for.

Finn XPath ved hjelp av Firebug Trinn 6
Finn XPath ved hjelp av Firebug Trinn 6

Trinn 6. Høyreklikk på den markerte koden i Firebug-panelet

Når du klikker på et element på en webside, vil den relaterte koden bli markert i Firebug -panelet nederst i vinduet. Høyreklikk på denne markerte koden.

Finn XPath ved hjelp av Firebug Trinn 7
Finn XPath ved hjelp av Firebug Trinn 7

Trinn 7. Velg "Kopier XPath" fra menyen

Dette vil kopiere elementets XPath -informasjon til utklippstavlen.

Hvis du velger "Kopier minimal XPath", blir bare den grunnleggende XPath -informasjonen kopiert

Finn XPath ved hjelp av Firebug Trinn 8
Finn XPath ved hjelp av Firebug Trinn 8

Trinn 8. Lim inn den kopierte XPath -informasjonen andre steder

Når koden er kopiert, kan du ganske enkelt lime den inn hvor som helst du trenger ved å høyreklikke og velge "Lim inn".

Metode 2 av 4: Bruke Chrome

Finn XPath ved hjelp av Firebug Trinn 9
Finn XPath ved hjelp av Firebug Trinn 9

Trinn 1. Åpne nettstedet du vil inspisere i Chrome

Du trenger ingen utvidelser installert for å kunne finne XPath -informasjonen til nettstedselementer når du bruker Chrome.

Finn XPath ved hjelp av Firebug Trinn 10
Finn XPath ved hjelp av Firebug Trinn 10

Trinn 2. Trykk på

F12 for å åpne nettstedsinspektøren.

Dette vil vises på høyre side av vinduet.

Finn XPath ved hjelp av Firebug Trinn 11
Finn XPath ved hjelp av Firebug Trinn 11

Trinn 3. Klikk på elementinspektørknappen

Du finner dette i øverste venstre hjørne av nettstedsinspektørpanelet. Knappen ser ut som en boks med en musemarkør som peker på den.

Finn XPath ved hjelp av Firebug Trinn 12
Finn XPath ved hjelp av Firebug Trinn 12

Trinn 4. Klikk på elementet på nettstedet du vil inspisere

Du vil se elementene på nettstedet markere når du flytter markøren over dem.

Finn XPath ved hjelp av Firebug Trinn 13
Finn XPath ved hjelp av Firebug Trinn 13

Trinn 5. Høyreklikk på den uthevede koden i kontrollpanelet

Når du klikker på et element med inspektøren, vil den relevante koden automatisk markeres i inspektørpanelet på høyre side av vinduet. Høyreklikk på den uthevede koden.

Finn XPath ved hjelp av Firebug Trinn 14
Finn XPath ved hjelp av Firebug Trinn 14

Trinn 6. Velg "Kopier" → "Kopier XPath

" Dette vil kopiere elementets XPath -informasjon til utklippstavlen.

Vær oppmerksom på at dette bare kopierer den minimale XPath -informasjonen. Firebug for Firefox kan gi deg fullstendig XPath -informasjon

Finn XPath ved hjelp av Firebug Trinn 15
Finn XPath ved hjelp av Firebug Trinn 15

Trinn 7. Lim inn den kopierte XPath -informasjonen

Du kan lime inn den kopierte XPath-informasjonen din som om du vil kopiere informasjonen ved å høyreklikke i et tekstfelt og velge "Lim inn".

Metode 3 av 4: Bruke Safari

Finn XPath ved hjelp av Firebug Trinn 16
Finn XPath ved hjelp av Firebug Trinn 16

Trinn 1. Klikk på Safari -menyen og velg "Innstillinger

" Du må aktivere utviklingsmenyen for å få tilgang til Web Inspector -verktøyet.

Finn XPath ved hjelp av Firebug Trinn 17
Finn XPath ved hjelp av Firebug Trinn 17

Trinn 2. Klikk på "Avansert" -fanen

Dette vil vise avanserte Safari -innstillinger.

Finn XPath ved hjelp av Firebug Trinn 18
Finn XPath ved hjelp av Firebug Trinn 18

Trinn 3. Merk av i boksen "Vis utviklingsmeny i menylinjen"

Utviklingsmenyen vises umiddelbart i menylinjen.

Finn XPath ved hjelp av Firebug Trinn 19
Finn XPath ved hjelp av Firebug Trinn 19

Trinn 4. Åpne nettstedet du vil inspisere

Lukk Preferanser -menyen og besøk nettstedet som inneholder elementet du vil ha XPath for.

Finn XPath ved hjelp av Firebug Trinn 20
Finn XPath ved hjelp av Firebug Trinn 20

Trinn 5. Klikk på Utvikle -menyen og velg "Vis webinspektør

" Webinspektørpanelet vises nederst i vinduet.

Finn XPath ved hjelp av Firebug Trinn 21
Finn XPath ved hjelp av Firebug Trinn 21

Trinn 6. Klikk på "Start elementvalg" -knappen

Det ser ut som et hårkors, kan finnes i den øverste raden med knapper i Web Inspector -panelet.

Finn XPath ved hjelp av Firebug Trinn 22
Finn XPath ved hjelp av Firebug Trinn 22

Trinn 7. Klikk på elementet på nettstedet du vil inspisere

Dette vil markere koden for det elementet i Web Inspector -panelet nederst i vinduet.

Finn XPath ved hjelp av Firebug Trinn 23
Finn XPath ved hjelp av Firebug Trinn 23

Trinn 8. Legg merke til XPath -informasjonen øverst på treet

Du kan ikke kopiere XPath direkte, men du kan se hele banen som er lagt over koden som vises i Webinspektøren. Hver kategori er et stiuttrykk.

Metode 4 av 4: Bruke Internet Explorer

Finn XPath ved hjelp av Firebug Trinn 24
Finn XPath ved hjelp av Firebug Trinn 24

Trinn 1. Åpne nettstedet du vil inspisere i Internet Explorer

Du trenger ikke å installere noe for å finne XPath i Internet Explorer. Åpne nettstedet som inneholder elementet du vil inspisere.

Finn XPath ved hjelp av Firebug Trinn 25
Finn XPath ved hjelp av Firebug Trinn 25

Trinn 2. Trykk på F12 for å åpne utviklerverktøyene

Utviklerverktøypanelet vises nederst i vinduet.

Finn XPath ved hjelp av Firebug Trinn 26
Finn XPath ved hjelp av Firebug Trinn 26

Trinn 3. Klikk på "Velg element" -knappen

Du finner dette i øvre venstre hjørne av panelet for utviklerverktøy.

Finn XPath ved hjelp av Firebug Trinn 27
Finn XPath ved hjelp av Firebug Trinn 27

Trinn 4. Klikk på elementet på websiden du vil inspisere

Dette vil velge det og markere koden for det i DOM Explorer.

Finn XPath ved hjelp av Firebug Trinn 28
Finn XPath ved hjelp av Firebug Trinn 28

Trinn 5. Legg merke til XPath -informasjonen nederst på panelet

Hver av fanene langs bunnen av panelet er et XPath -uttrykk for elementet du har valgt. Du kan ikke kopiere den i XPath -format som du kan i Firefox med Firebug.

Anbefalt: