U kunt XPath-informatie voor website-elementen vinden met behulp van de ontwikkelaarstools van de meeste browsers. Met Firebug voor Firefox kunt u XPath-informatie rechtstreeks naar uw klembord kopiëren. Voor de meeste andere browsers kun je de XPath-informatie voor het element vinden in de ontwikkelaarstools, maar je zult het zelf moeten formatteren.
Stappen
Methode 1 van 4: Firefox en Firebug gebruiken
Stap 1. Installeer Firebug voor Firefox
Firebug is een add-on voor webinspecteurs voor Firefox.
- Klik op de Firefox-menuknop (☰) en selecteer "Add-ons".
- Klik op "Invoegtoepassingen downloaden" en klik vervolgens op "Meer invoegtoepassingen ophalen!" knop.
- Zoek naar "Firebug" en klik vervolgens op de knop "Toevoegen aan Firefox" ernaast.
- Bevestig dat u Firebug wilt installeren en start Firefox vervolgens opnieuw wanneer daarom wordt gevraagd.
Stap 2. Open de website die u wilt inspecteren
U kunt Firebug gebruiken om elk element op een website te inspecteren om de XPath te vinden.
Stap 3. Klik op de Firebug-knop
Deze vind je in de rechterbovenhoek van het venster. Hierdoor wordt het Firebug-paneel onder aan het Firefox-venster geopend.
Stap 4. Klik op de elementcontroleknop
U vindt dit in de bovenste rij knoppen in het Firebug-paneel onder in het venster, direct rechts van de Firebug-opties-knop. Het ziet eruit als een doos met een muiscursor die ernaar wijst.
Stap 5. Klik op het webpagina-element dat u wilt inspecteren
Terwijl u uw cursor over de webpagina beweegt, ziet u dat verschillende elementen worden gemarkeerd. Klik op degene waarvoor u de XPath wilt vinden.
Stap 6. Klik met de rechtermuisknop op de gemarkeerde code in het Firebug-paneel
Wanneer u op een element in een webpagina klikt, wordt de bijbehorende code gemarkeerd in het Firebug-paneel onder aan het venster. Klik met de rechtermuisknop op deze gemarkeerde code.
Stap 7. Selecteer "XPath kopiëren" in het menu
Hiermee kopieert u de XPath-informatie van het element naar uw klembord.
Als u "Copy Minimal XPath" selecteert, wordt alleen de basis XPath-informatie gekopieerd
Stap 8. Plak de gekopieerde XPath-informatie ergens anders
Nadat de code is gekopieerd, kunt u deze eenvoudig ergens anders plakken door met de rechtermuisknop te klikken en 'Plakken' te selecteren.
Methode 2 van 4: Chrome gebruiken
Stap 1. Open de website die u wilt inspecteren in Chrome
U hoeft geen extensies te installeren om de XPath-informatie van website-elementen te kunnen vinden wanneer u Chrome gebruikt.
Stap 2. Druk op
F12 om de website-inspecteur te openen.
Deze verschijnt aan de rechterkant van het venster.
Stap 3. Klik op de elementcontroleknop
U vindt dit in de linkerbovenhoek van het paneel van de website-inspecteur. De knop ziet eruit als een vak met een muiscursor die ernaar wijst.
Stap 4. Klik op het element op de website dat u wilt inspecteren
U zult zien dat de elementen van de site worden gemarkeerd als u uw cursor eroverheen beweegt.
Stap 5. Klik met de rechtermuisknop op de gemarkeerde code in het infovenster
Wanneer u met het infovenster op een element klikt, wordt de relevante code automatisch gemarkeerd in het infovenster aan de rechterkant van het venster. Klik met de rechtermuisknop op de gemarkeerde code.
Stap 6. Selecteer "Kopiëren" → "Kopiëren XPath
" Hiermee kopieert u de XPath-informatie van het element naar uw klembord.
Merk op dat dit alleen de minimale XPath-informatie kopieert. Firebug voor Firefox kan u de volledige XPath-informatie geven
Stap 7. Plak de gekopieerde XPath-informatie
U kunt uw gekopieerde XPath-informatie op dezelfde manier plakken als alle gekopieerde informatie door met de rechtermuisknop in een tekstveld te klikken en 'Plakken' te selecteren.
Methode 3 van 4: Safari gebruiken
Stap 1. Klik op het Safari-menu en selecteer "Voorkeuren
" U moet het menu Ontwikkelen inschakelen om toegang te krijgen tot het hulpprogramma Web Inspector.
Stap 2. Klik op het tabblad "Geavanceerd"
Hierdoor worden geavanceerde Safari-instellingen weergegeven.
Stap 3. Vink het vakje "Ontwikkelmenu weergeven in menubalk" aan
Het menu Ontwikkelen verschijnt onmiddellijk in de menubalk.
Stap 4. Open de website die u wilt inspecteren
Sluit het menu Voorkeuren en bezoek de website die het element bevat waarvoor u XPath wilt krijgen.
Stap 5. Klik op het menu Ontwikkelen en selecteer "Toon Web Inspector
" Het Web Inspector-paneel verschijnt onderaan het venster.
Stap 6. Klik op de knop "Start elementselectie"
Het ziet eruit als een dradenkruis en is te vinden in de bovenste rij knoppen in het Web Inspector-paneel.
Stap 7. Klik op het element op de website dat u wilt inspecteren
Hierdoor wordt de code voor dat element gemarkeerd in het deelvenster Web Inspector onder aan het venster.
Stap 8. Noteer de XPath-informatie bovenaan de boom
U kunt de XPath niet rechtstreeks kopiëren, maar u kunt het volledige pad boven de code zien die wordt weergegeven in de Web Inspector. Elk tabblad is een padexpressie.
Methode 4 van 4: Internet Explorer gebruiken
Stap 1. Open de website die u wilt inspecteren in Internet Explorer
U hoeft niets te installeren om de XPath in Internet Explorer te vinden. Open de website die het element bevat dat u wilt inspecteren.
Stap 2. Druk op F12 om de ontwikkelaarstools te openen
Het paneel met ontwikkelaarstools verschijnt onder aan het venster.
Stap 3. Klik op de knop "Selecteer element"
U vindt dit in de linkerbovenhoek van het paneel met ontwikkelaarstools.
Stap 4. Klik op het element op de webpagina dat u wilt inspecteren
Dit zal het selecteren en de code ervoor markeren in de DOM Explorer.
Stap 5. Noteer de XPath-informatie onderaan het paneel
Elk van de tabbladen aan de onderkant van het paneel is een XPath-expressie voor het element dat u hebt geselecteerd. Je kunt het niet kopiëren in XPath-formaat zoals je kunt in Firefox met Firebug.
