Jak mogę zweryfikować moją XPath?

Używam narzędzia Chrome Developers do sprawdzania elementów i tworzenia mojej XPath. Weryfikuję to za pomocą wtyczki Chrome XPath Checker, jednak nie zawsze daje mi to wynik. Jaki jest lepszy sposób na zweryfikowanie mojej XPath.

Próbowałem również użyć Firebug do sprawdzenia błędu, a także użyć FirePath do weryfikacji. Ale czy Firepath weryfikuje również XPath.

Moją ostatnią opcją byłoby użycie Selenium WebDriver do potwierdzenia mojej XPath.

Chrom

Można to osiągnąć trzema różnymi podejściami (zobacz mój artykuł na blogu , aby uzyskać więcej informacji):

• Szukaj w Elementspanelu jak poniżej
• Wykonaj $x()i $$()w Consolepanelu, jak pokazano w odpowiedzi Lawrence'a
• Rozszerzenia innych firm (w większości przypadków niekonieczne, mogą być przesadą)

Oto jak przeszukiwać XPath w Elementspanelu:

1. Naciśnij, F12aby otworzyć narzędzie Chrome Developer Tool
2. W panelu „Elementy” naciśnij Ctrl+F
3. W polu wyszukiwania wpisz XPath lub CSS Selector, jeśli elementy zostaną znalezione, zostaną podświetlone na żółto.

Firefox (od wersji 75)

Od FF 75 można używać surowego zapytania xpath bez wyrażeń oceny xpath. Więcej informacji można znaleźć w dokumentacji .

Firefox (wcześniejsza wersja 75)

1. Wybierz opcję „Konsola internetowa” z podmenu Web Developer w menu przeglądarki Firefox (lub menu Narzędzia, jeśli wyświetlasz pasek menu lub korzystasz z systemu Mac OS X)
   lub naciśnij skrót klawiaturowy Ctrl+ Shift+ K( Command+ Option+ Kw systemie OS X).

2. W wierszu poleceń na dole użyj:

   • $(): Zwraca pierwszy pasujący element. Odpowiednik document.querySelector()lub wywołuje $funkcję na stronie, jeśli istnieje.

   • $$(): Zwraca tablicę pasujących węzłów DOM. To jest jak for document.querySelectorAll(), ale zwraca tablicę zamiast a NodeList.

   • $x(): Oblicza wyrażenie XPath i zwraca tablicę pasujących węzłów.

Firefox (wcześniejsza wersja 49)

1. Zainstaluj Firebug
2. Zainstaluj Firepath
3. Naciśnij, F12aby otworzyć Firebug
4. Przełącz na FirePathpanel
5. W menu wybierz XPathor CSS
6. Wpisz, aby zlokalizować

Możesz otworzyć DevTools w Chrome CTRL+Iw systemie Windows (lub CMD+IMac) i Firefox za pomocą F12, a następnie wybrać Consolekartę) i sprawdzić XPath, wpisując $x("your_xpath_here").
To zwróci tablicę dopasowanych wartości. Jeśli jest pusty, wiesz, że na stronie nie ma dopasowania.

Firefox v66 (kwiecień 2019 r.):

Chrome v69 (kwiecień 2019 r.):

Używając Chrome lub Opera

bez żadnych wtyczek, bez pisania pojedynczego znaku składni XPath

1. kliknij prawym przyciskiem wymagany element, a następnie „sprawdź”
2. kliknij prawym przyciskiem myszy zaznaczony znacznik elementu, wybierz kopiuj> Kopiuj ścieżkę Xpath.

;)

Oto rozszerzenie ChroPath dla Chrome, które ma wiele zaawansowanych funkcji w porównaniu do FirePath - wykonaj poniższe czynności:

1. Otwórz panel devtools.
2. Kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie internetowej.
3. Kliknij Sprawdź.
4. Po prawej stronie zakładki Elementy kliknij zakładkę ChroPath.

Tutaj otrzymasz XPath / CSS, a także możesz go edytować i oceniać.

Pobierz dodatek

Inną opcją sprawdzenia xpath jest użycie selenu IDE.

1. Zainstaluj Firefox Selenium IDE
2. Otwórz aplikację w FireFox i otwórz IDE
3. W środowisku IDE w nowym wierszu wklej ścieżkę xpath do celu i kliknij przycisk Znajdź. Odpowiedni element zostanie podświetlony w Twojej aplikacji

Weryfikuję selektory XPath i Css za pomocą rozszerzenia WebSync Chrome .

Daje możliwość weryfikacji selektorów, a także generowania / modyfikowania selektorów poprzez klikanie atrybutów elementu.

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac