Az Xpather több XPath-variánst generál az oldal bármely eleméhez, és lehetővé teszi a kifejezések valós idejű tesztelését — mindezt egy oldalsó panelben, amely nyitva marad, miközben dolgozol.

Felhasználási esetek

Webscraperek írása megbízható szelektorokkal
Oldalszerkezet és DOM-hierarchia hibakeresése
Tesztautomatizálás építése XPath-lokátorokkal (Selenium, Playwright, Puppeteer)
XPath-szintaxis tanulása valós oldalakon
A legrövidebb egyedi útvonal gyors megtalálása és másolása bármely elemhez

Hogyan működik

Nyisd meg az Xpathert az eszköztár ikonjával vagy a Ctrl+Shift+X (Cmd+Shift+X Mac-en) gyorsbillentyűvel.
Kattints az „Elem kiválasztása" gombra, vagy tartsd lenyomva az Altot és mozgasd az egeret az oldal fölött — a kurzor alatti elem valós időben kiemelésre kerül.
Alt+kattintás a kiválasztáshoz. Az Xpather azonnal létrehoz legfeljebb 7 XPath-variánst az adott elemhez.
Másold a kívántat egyetlen kattintással, vagy szerkeszd manuálisan a teszteléshez.

XPath stratégiák

ID szerint — az elem id attribútumát használja közvetlen, egyedi szelektorhoz
data-* szerint — adatattribútumokat céloz (data-testid, data-qa stb.)
Attribútum szerint — szelektort épít bármely megkülönböztető attribútumból
Szöveg szerint — az elemek látható szövegtartalma alapján illeszt
Osztály szerint — CSS-osztályneveket használ az elem lokalizálásához
Legrövidebb útvonal — a legtömörebb egyedi XPath a gyökértől
Abszolút útvonal — teljes útvonal a html-től a célelemig

Minden variáns „Best" jelvényt kap, ha egyedi egyezést produkál. Mindig tudod, melyik szelektor a legmegbízhatóbb.

Funkciók

Elemválasztó: Alt+hover a kiemeléshez, Alt+kattintás a kiválasztáshoz, Esc a megszakításhoz
Élő kiértékelés: írj be vagy illessz be bármilyen XPath-et és látni fogod az egyezéseket kiemelve az oldalon
Találati számláló: mutatja, hány csomópont illeszkedik a kifejezéshez
DOM előnézet: vizsgáld meg az illesztett csomópont tagjét, attribútumait és szövegét
Vágólapra másolás egyetlen kattintással
Oldalsó panel üzemmód: rögzítsd az Xpathert a böngésző oldalsó paneljéhez a hands-free munkához
Gyorsbillentyű: Ctrl+Shift+X a választó átkapcsolásához egér nélkül
Sötét és világos téma
Angol és orosz lokalizáció

Adatvédelem

Nulla hálózati kérés — teljesen offline működik
Nincs telemetria, analitika vagy követés
Nincsenek fiókok, nincs bejelentkezés
Minden adat a böngésződben marad
Nyílt forráskód: https://github.com/investblog/xpather
Adatvédelmi nyilatkozat: https://xpather.ru/privacy.html

Jogosultságok

activeTab — hozzáférés az aktuális fül DOM-jához a választó aktiválásakor
scripting — az elemválasztó szkript injektálása az oldalra
webNavigation — oldalnavigációk észlelése a választó állapotának visszaállításához
sidePanel — az XPath eredmények megjelenítése a böngésző oldalsó paneljében