4 sätt att hitta XPath med Firebug

Innehållsförteckning:

4 sätt att hitta XPath med Firebug
4 sätt att hitta XPath med Firebug

Video: 4 sätt att hitta XPath med Firebug

Video: 4 sätt att hitta XPath med Firebug
Video: How To Install Visual Studio Code On Mac 2024, Maj
Anonim

Du kan hitta XPath -information för webbplatselement med de flesta webbläsares utvecklarverktyg. Med Firebug för Firefox kan du kopiera XPath -information direkt till ditt urklipp. För de flesta andra webbläsare kan du hitta XPath -informationen för elementet i utvecklarverktygen, men du måste formatera det själv.

Steg

Metod 1 av 4: Använda Firefox och Firebug

Hitta XPath med Firebug Steg 1
Hitta XPath med Firebug Steg 1

Steg 1. Installera Firebug för Firefox

Firebug är ett webbinspektions tillägg för Firefox.

  • Klicka på Firefox-menyknappen (☰) och välj "Tillägg".
  • Klicka på "Hämta tillägg" och klicka sedan på "Få fler tillägg!" knapp.
  • Sök efter "Firebug" och klicka sedan på "Lägg till i Firefox" -knappen bredvid den.
  • Bekräfta att du vill installera Firebug och starta om Firefox när du uppmanas.
Hitta XPath med Firebug Steg 2
Hitta XPath med Firebug Steg 2

Steg 2. Öppna webbplatsen som du vill inspektera

Du kan använda Firebug för att inspektera alla element på en webbplats för att hitta XPath.

Hitta XPath med Firebug Steg 3
Hitta XPath med Firebug Steg 3

Steg 3. Klicka på Firebug -knappen

Du hittar det här i det övre högra hörnet av fönstret. Detta öppnar Firebug -panelen längst ned i Firefox -fönstret.

Hitta XPath med Firebug Steg 4
Hitta XPath med Firebug Steg 4

Steg 4. Klicka på elementinspektörsknappen

Du hittar det här i den översta raden med knappar i Firebug -panelen längst ner i fönstret, direkt till höger om knappen Firebug -alternativ. Det ser ut som en ruta med en musmarkör som pekar på den.

Hitta XPath med Firebug Steg 5
Hitta XPath med Firebug Steg 5

Steg 5. Klicka på webbsidans element som du vill granska

När du flyttar markören över webbsidan ser du att olika element markeras. Klicka på den som du vill hitta XPath för.

Hitta XPath med Firebug Steg 6
Hitta XPath med Firebug Steg 6

Steg 6. Högerklicka på den markerade koden i Firebug-panelen

När du klickar på ett element på en webbsida markeras dess relaterade kod i Firebug -panelen längst ned i fönstret. Högerklicka på den markerade koden.

Hitta XPath med Firebug Steg 7
Hitta XPath med Firebug Steg 7

Steg 7. Välj "Kopiera XPath" från menyn

Detta kommer att kopiera elementets XPath -information till ditt urklipp.

Om du väljer "Kopiera minimal XPath", kommer bara den grundläggande XPath -informationen att kopieras

Hitta XPath med Firebug Steg 8
Hitta XPath med Firebug Steg 8

Steg 8. Klistra in den kopierade XPath -informationen någon annanstans

När koden har kopierats kan du helt enkelt klistra in den någon annanstans du behöver genom att högerklicka och välja "Klistra in".

Metod 2 av 4: Använda Chrome

Hitta XPath med Firebug Steg 9
Hitta XPath med Firebug Steg 9

Steg 1. Öppna webbplatsen du vill inspektera i Chrome

Du behöver inga tillägg installerade för att kunna hitta XPath -informationen för webbplatselement när du använder Chrome.

Hitta XPath med Firebug Steg 10
Hitta XPath med Firebug Steg 10

Steg 2. Tryck på

F12 för att öppna webbplatsinspektören.

Detta kommer att visas på höger sida av fönstret.

Hitta XPath med Firebug Steg 11
Hitta XPath med Firebug Steg 11

Steg 3. Klicka på elementinspektörsknappen

Du hittar det här i det övre vänstra hörnet på webbplatsens inspektörspanel. Knappen ser ut som en ruta med en musmarkör som pekar på den.

Hitta XPath med Firebug Steg 12
Hitta XPath med Firebug Steg 12

Steg 4. Klicka på det element på webbplatsen som du vill granska

Du ser elementen på webbplatsen markera när du flyttar markören över dem.

Hitta XPath med Firebug Steg 13
Hitta XPath med Firebug Steg 13

Steg 5. Högerklicka på den markerade koden i kontrollpanelen

När du klickar på ett element med inspektören markeras den relevanta koden automatiskt i kontrollpanelen till höger i fönstret. Högerklicka på den markerade koden.

Hitta XPath med Firebug Steg 14
Hitta XPath med Firebug Steg 14

Steg 6. Välj "Kopiera" → "Kopiera XPath

" Detta kommer att kopiera elementets XPath -information till ditt urklipp.

Observera att detta bara kopierar den minimala XPath -informationen. Firebug för Firefox kan ge dig fullständig XPath -information

Hitta XPath med Firebug Steg 15
Hitta XPath med Firebug Steg 15

Steg 7. Klistra in den kopierade XPath -informationen

Du kan klistra in din kopierade XPath-information som om du skulle kopiera information genom att högerklicka i ett textfält och välja "Klistra in".

Metod 3 av 4: Använda Safari

Hitta XPath med Firebug Steg 16
Hitta XPath med Firebug Steg 16

Steg 1. Klicka på Safari -menyn och välj "Inställningar

" Du måste aktivera utvecklingsmenyn för att komma åt Web Inspector -verktyget.

Hitta XPath med Firebug Steg 17
Hitta XPath med Firebug Steg 17

Steg 2. Klicka på fliken "Avancerat"

Detta visar avancerade Safari -inställningar.

Hitta XPath med Firebug Steg 18
Hitta XPath med Firebug Steg 18

Steg 3. Markera rutan "Visa utvecklingsmeny i menyraden"

Utvecklingsmenyn visas omedelbart i menyraden.

Hitta XPath med Firebug Steg 19
Hitta XPath med Firebug Steg 19

Steg 4. Öppna webbplatsen du vill inspektera

Stäng inställningsmenyn och besök webbplatsen som innehåller elementet som du vill hämta XPath för.

Hitta XPath med Firebug Steg 20
Hitta XPath med Firebug Steg 20

Steg 5. Klicka på Utveckla -menyn och välj "Visa webbinspektör

" Webbinspektörspanelen visas längst ned i fönstret.

Hitta XPath med Firebug Steg 21
Hitta XPath med Firebug Steg 21

Steg 6. Klicka på knappen "Start elementval"

Det ser ut som ett hårkors, kan hittas i den översta raden med knappar i panelen Webbinspektör.

Hitta XPath med Firebug Steg 22
Hitta XPath med Firebug Steg 22

Steg 7. Klicka på det element på webbplatsen som du vill granska

Detta markerar koden för det elementet i panelen Webbinspektör längst ner i fönstret.

Hitta XPath med Firebug Steg 23
Hitta XPath med Firebug Steg 23

Steg 8. Notera XPath -informationen högst upp i trädet

Du kan inte kopiera XPath direkt, men du kan se hela sökvägen ovanför koden som visas i Web Inspector. Varje flik är ett sökuttryck.

Metod 4 av 4: Använda Internet Explorer

Hitta XPath med Firebug Steg 24
Hitta XPath med Firebug Steg 24

Steg 1. Öppna webbplatsen du vill inspektera i Internet Explorer

Du behöver inte installera något för att hitta XPath i Internet Explorer. Öppna webbplatsen som innehåller det element du vill inspektera.

Hitta XPath med Firebug Steg 25
Hitta XPath med Firebug Steg 25

Steg 2. Tryck på F12 för att öppna utvecklarverktygen

Utvecklarverktygspanelen visas längst ned i fönstret.

Hitta XPath med Firebug Steg 26
Hitta XPath med Firebug Steg 26

Steg 3. Klicka på knappen "Välj element"

Du hittar detta i det övre vänstra hörnet på panelen utvecklarverktyg.

Hitta XPath med Firebug Steg 27
Hitta XPath med Firebug Steg 27

Steg 4. Klicka på det element på webbsidan som du vill granska

Detta kommer att välja det och markera koden för det i DOM Explorer.

Hitta XPath med Firebug Steg 28
Hitta XPath med Firebug Steg 28

Steg 5. Notera XPath -informationen längst ned på panelen

Var och en av flikarna längst ned på panelen är ett XPath -uttryck för det element du har valt. Du kan inte kopiera det i XPath -format som du kan i Firefox med Firebug.

Rekommenderad: