4 maniere om XPath te vind met behulp van Firebug

INHOUDSOPGAWE:

4 maniere om XPath te vind met behulp van Firebug
4 maniere om XPath te vind met behulp van Firebug

Video: 4 maniere om XPath te vind met behulp van Firebug

Video: 4 maniere om XPath te vind met behulp van Firebug
Video: Windows on Mac is official 2024, Mei
Anonim

U kan XPath -inligting vir webwerf -elemente vind deur die ontwikkelaarsgereedskap van die meeste blaaiers te gebruik. Met Firebug vir Firefox kan u XPath -inligting direk na u knipbord kopieer. Vir die meeste ander blaaiers vind u die XPath -inligting vir die element in die ontwikkelaarhulpmiddels, maar u moet dit self formateer.

Stappe

Metode 1 van 4: Gebruik Firefox en Firebug

Vind XPath met behulp van Firebug Stap 1
Vind XPath met behulp van Firebug Stap 1

Stap 1. Installeer Firebug vir Firefox

Firebug is 'n webinspekteur-byvoeging vir Firefox.

  • Klik op die Firefox-knoppie (☰) en kies 'Byvoegings'.
  • Klik op "Kry byvoegings" en klik dan op die "Kry meer byvoegings!" knoppie.
  • Soek "Firebug" en klik op die "Voeg by Firefox" -knoppie langsaan.
  • Bevestig dat u Firebug wil installeer en herlaai Firefox as dit gevra word.
Vind XPath met behulp van Firebug Stap 2
Vind XPath met behulp van Firebug Stap 2

Stap 2. Maak die webwerf oop wat u wil ondersoek

U kan Firebug gebruik om enige element op 'n webwerf te ondersoek om die XPath te vind.

Vind XPath met behulp van Firebug Stap 3
Vind XPath met behulp van Firebug Stap 3

Stap 3. Klik op die Firebug -knoppie

U vind dit in die regter boonste hoek van die venster. Dit maak die Firebug -paneel onderaan die Firefox -venster oop.

Vind XPath met behulp van Firebug Stap 4
Vind XPath met behulp van Firebug Stap 4

Stap 4. Klik op die knoppie elementinspekteur

U vind dit in die boonste ry knoppies in die Firebug -paneel onderaan die venster, regs van die knoppie Firebug Options. Dit lyk soos 'n boks met 'n muiswyser wat daarop wys.

Vind XPath met behulp van Firebug Stap 5
Vind XPath met behulp van Firebug Stap 5

Stap 5. Klik op die webbladelement wat u wil ondersoek

As u die wyser oor die webbladsy beweeg, sal u sien dat verskillende elemente uitgelig word. Klik op die een waarvoor u die XPath wil vind.

Vind XPath met Firebug Stap 6
Vind XPath met Firebug Stap 6

Stap 6. Klik met die rechtermuisknop op die gemerkte kode in die Firebug-paneel

As u op 'n element op 'n webblad klik, word die verwante kode in die Firebug -paneel onderaan die venster uitgelig. Klik met die rechtermuisknop op hierdie gemerkte kode.

Vind XPath met Firebug Stap 7
Vind XPath met Firebug Stap 7

Stap 7. Kies "Kopieer XPath" in die spyskaart

Dit sal die element se XPath -inligting na u knipbord kopieer.

As u 'Minimale XPath kopieer' kies, word slegs die basiese XPath -inligting gekopieer

Vind XPath met behulp van Firebug Stap 8
Vind XPath met behulp van Firebug Stap 8

Stap 8. Plak die gekopieerde XPath -inligting elders

Sodra die kode gekopieer is, kan u dit eenvoudig op enige ander plek plak deur regs te klik en 'Plak' te kies.

Metode 2 van 4: Gebruik Chrome

Vind XPath met behulp van Firebug Stap 9
Vind XPath met behulp van Firebug Stap 9

Stap 1. Maak die webwerf oop wat u in Chrome wil inspekteer

U hoef geen uitbreidings geïnstalleer om die XPath -inligting van webwerf -elemente te vind as u Chrome gebruik nie.

Vind XPath met Firebug Stap 10
Vind XPath met Firebug Stap 10

Stap 2. Druk

F12 om die webwerfinspekteur oop te maak.

Dit verskyn aan die regterkant van die venster.

Vind XPath met Firebug Stap 11
Vind XPath met Firebug Stap 11

Stap 3. Klik op die knoppie elementinspekteur

U vind dit in die linker boonste hoek van die paneel van die webwerfinspekteur. Die knoppie lyk soos 'n boks met 'n muiswyser wat daarop wys.

Vind XPath met behulp van Firebug Stap 12
Vind XPath met behulp van Firebug Stap 12

Stap 4. Klik op die element op die webwerf wat u wil ondersoek

U sal die elemente van die webwerf -hoogtepunt sien terwyl u die wyser daaroor beweeg.

Vind XPath met behulp van Firebug Stap 13
Vind XPath met behulp van Firebug Stap 13

Stap 5. Klik met die rechtermuisknop op die gemerkte kode in die inspekteurpaneel

As u saam met die inspekteur op 'n element klik, sal die betrokke kode outomaties in die inspekteurpaneel aan die regterkant van die venster uitgelig word. Klik met die rechtermuisknop op die gemerkte kode.

Soek XPath met behulp van Firebug Stap 14
Soek XPath met behulp van Firebug Stap 14

Stap 6. Kies "Kopieer" → "Kopieer XPath

" Dit sal die element se XPath -inligting na u knipbord kopieer.

Let daarop dat dit slegs die minimale XPath -inligting kopieer. Firebug vir Firefox kan u die volledige XPath -inligting gee

Vind XPath met behulp van Firebug Stap 15
Vind XPath met behulp van Firebug Stap 15

Stap 7. Plak die gekopieerde XPath -inligting

U kan u gekopieerde XPath-inligting plak soos met enige gekopieerde inligting deur met die rechtermuisknop in die teksveld te klik en 'Plak' te kies.

Metode 3 van 4: Die gebruik van Safari

Vind XPath met behulp van Firebug Stap 16
Vind XPath met behulp van Firebug Stap 16

Stap 1. Klik op die Safari -kieslys en kies "Voorkeure

" U moet die menu Ontwikkel aktiveer om toegang tot die Web Inspector -program te verkry.

Soek XPath met behulp van Firebug Stap 17
Soek XPath met behulp van Firebug Stap 17

Stap 2. Klik op die blad "Advanced"

Dit sal gevorderde Safari -instellings vertoon.

Vind XPath met behulp van Firebug Stap 18
Vind XPath met behulp van Firebug Stap 18

Stap 3. Merk die blokkie "Wys ontwikkel menu in menubalk"

Die menu Ontwikkel verskyn onmiddellik in die menubalk.

Soek XPath met behulp van Firebug Stap 19
Soek XPath met behulp van Firebug Stap 19

Stap 4. Maak die webwerf oop wat u wil ondersoek

Sluit die menu Voorkeure en besoek die webwerf wat die element bevat waarvoor u XPath wil kry.

Soek XPath met behulp van Firebug Stap 20
Soek XPath met behulp van Firebug Stap 20

Stap 5. Klik op die menu Ontwikkel en kies "Wys webinspekteur

" Die paneel Webinspekteur verskyn onderaan die venster.

Vind XPath met Firebug Stap 21
Vind XPath met Firebug Stap 21

Stap 6. Klik op die knoppie "Begin element seleksie"

Dit lyk soos 'n draadkruis in die boonste ry knoppies in die paneel Webinspekteur.

Vind XPath met behulp van Firebug Stap 22
Vind XPath met behulp van Firebug Stap 22

Stap 7. Klik op die element op die webwerf wat u wil ondersoek

Dit sal die kode vir die element in die paneel Webinspekteur onderaan die venster uitlig.

Soek XPath met behulp van Firebug Stap 23
Soek XPath met behulp van Firebug Stap 23

Stap 8. Let op die XPath -inligting bo -aan die boom

U kan nie die XPath direk kopieer nie, maar u kan die volledige pad sien bo die kode wat in die Webinspekteur verskyn. Elke oortjie is 'n paduitdrukking.

Metode 4 van 4: Gebruik Internet Explorer

Soek XPath met behulp van Firebug Stap 24
Soek XPath met behulp van Firebug Stap 24

Stap 1. Maak die webwerf wat u wil ondersoek in Internet Explorer oop

U hoef niks te installeer om die XPath in Internet Explorer te vind nie. Maak die webwerf oop wat die element bevat wat u wil inspekteer.

Soek XPath met behulp van Firebug Stap 25
Soek XPath met behulp van Firebug Stap 25

Stap 2. Druk F12 om die ontwikkelaarsgereedskap oop te maak

Die paneel ontwikkelaargereedskap verskyn onderaan die venster.

Vind XPath met Firebug Stap 26
Vind XPath met Firebug Stap 26

Stap 3. Klik op die knoppie "Kies element"

U vind dit in die linker boonste hoek van die paneel ontwikkelaargereedskap.

Vind XPath met behulp van Firebug Stap 27
Vind XPath met behulp van Firebug Stap 27

Stap 4. Klik op die element op die webblad wat u wil ondersoek

Dit sal dit kies en die kode daarvoor in die DOM Explorer uitlig.

Soek XPath met behulp van Firebug Stap 28
Soek XPath met behulp van Firebug Stap 28

Stap 5. Let op die XPath -inligting onderaan die paneel

Elkeen van die oortjies onderaan die paneel is 'n XPath -uitdrukking vir die element wat u gekies het. U kan dit nie in XPath -formaat kopieer soos in Firefox met Firebug nie.

Aanbeveel: