Xpather

Trova, genera e testa espressioni XPath. Varianti intelligenti, selettore di elementi, zero telemetria.

Sito del progetto →

Xpather genera più varianti XPath per qualsiasi elemento della pagina e consente di testare le espressioni in tempo reale — il tutto in un pannello laterale che resta aperto mentre lavori.

Casi d'uso

  • Scrivere scraper web e necessitare di selettori affidabili
  • Eseguire il debug della struttura della pagina e della gerarchia DOM
  • Costruire automazione dei test con localizzatori XPath (Selenium, Playwright, Puppeteer)
  • Imparare la sintassi XPath su pagine reali
  • Trovare e copiare rapidamente il percorso univoco più breve verso qualsiasi elemento

Come funziona

  1. Apri Xpather dall'icona della barra degli strumenti o premi Ctrl+Maiusc+X (Cmd+Maiusc+X su Mac).
  2. Clicca "Seleziona elemento" o tieni premuto Alt e passa sopra la pagina — l'elemento sotto il cursore viene evidenziato in tempo reale.
  3. Alt+clic per selezionare. Xpather genera istantaneamente fino a 7 varianti XPath per quell'elemento.
  4. Copia quella che ti serve con un clic o modificala manualmente per testare.

Strategie XPath

  • Per ID — usa l'attributo id dell'elemento per un selettore diretto e univoco
  • Per data-* — mira gli attributi data (data-testid, data-qa, ecc.)
  • Per attributo — costruisce un selettore da qualsiasi attributo distintivo
  • Per testo — trova gli elementi dal loro contenuto testuale visibile
  • Per classe — usa i nomi delle classi CSS
  • Percorso più breve — l'XPath univoco più conciso dalla radice
  • Percorso assoluto — percorso completo da html all'elemento target

Ogni variante mostra un badge "Best" quando produce una corrispondenza univoca.

Funzionalità

  • Selettore di elementi: Alt+hover per evidenziare, Alt+clic per selezionare, Esc per annullare
  • Valutazione in tempo reale: digita o incolla qualsiasi XPath e vedi le corrispondenze sulla pagina
  • Contatore corrispondenze: mostra quanti nodi corrispondono all'espressione
  • Anteprima DOM: ispezionare tag, attributi e testo del nodo trovato
  • Copia con un clic negli appunti
  • Modalità pannello laterale: fissa Xpather nel pannello laterale del browser
  • Scorciatoia da tastiera: Ctrl+Maiusc+X per attivare il selettore senza toccare il mouse
  • Tema scuro e chiaro
  • Localizzazione in inglese e russo

Privacy

Autorizzazioni

  • activeTab — accesso al DOM della scheda attiva all'attivazione del selettore
  • scripting — iniezione dello script di selezione elementi nella pagina
  • webNavigation — rilevamento delle navigazioni per resettare lo stato del selettore