Xpather, sayfadaki herhangi bir öğe için birden fazla XPath varyantı oluşturur ve ifadeleri gerçek zamanlı test etmenizi sağlar — siz çalışırken açık kalan bir yan panelde.

Kullanım alanları

Web kazıyıcılar yazıyorsunuz ve güvenilir seçicilere ihtiyacınız var
Sayfa yapısını ve DOM hiyerarşisini hata ayıklıyorsunuz
XPath bulucularlı test otomasyonu oluşturuyorsunuz (Selenium, Playwright, Puppeteer)
Gerçek sayfalarda XPath söz dizimini öğreniyorsunuz
Herhangi bir öğeye en kısa benzersiz yolu hızla bulmak ve kopyalamak istiyorsunuz

Nasıl çalışır

Araç çubuğu simgesinden Xpather'ı açın veya Ctrl+Shift+X (Mac'te Cmd+Shift+X) tuşlarına basın.
"Öğe seç"e tıklayın veya Alt tuşunu basılı tutarak sayfanın üzerinde gezdirin — imleç altındaki öğe gerçek zamanlı vurgulanır.
Alt+tıklama ile seçin. Xpather o öğe için anında 7'ye kadar XPath varyantı oluşturur.
İhtiyacınız olanı tek tıkla kopyalayın veya test etmek için elle düzenleyin.

XPath stratejileri

ID ile — doğrudan, benzersiz bir seçici için öğenin id niteliğini kullanır
data-* ile — data niteliklerini hedefler (data-testid, data-qa vb.)
Nitelik ile — ayırt edici herhangi bir nitelikten seçici oluşturur
Metin ile — öğeleri görünür metin içeriğine göre eşleştirir
Sınıf ile — öğeyi bulmak için CSS sınıf adlarını kullanır
En kısa yol — kökten en kısa benzersiz XPath
Mutlak yol — html'den hedef öğeye tam yol

Her varyant benzersiz bir eşleşme ürettiğinde "En İyi" rozeti gösterir. Hangi seçicinin en güvenilir olduğunu her zaman bilirsiniz.

Özellikler

Öğe seçici: vurgulamak için Alt+gezdirme, seçmek için Alt+tıklama, iptal için Esc
Canlı değerlendirme: herhangi bir XPath yazın veya yapıştırın ve eşleşmeleri sayfada vurgulanmış görün
Eşleşme sayacı: ifadeyle kaç düğümün eşleştiğini gösterir
DOM önizlemesi: eşleşen düğümün etiketini, niteliklerini ve metnini inceleyin
Tek tıkla panoya kopyalama
Yan panel modu: eller serbest iş akışı için Xpather'ı tarayıcı yan paneline sabitleyin
Klavye kısayolu: fareye dokunmadan seçiciyi açıp kapatmak için Ctrl+Shift+X
Koyu ve açık tema
İngilizce ve Rusça yerelleştirme

Gizlilik

Sıfır ağ isteği — tamamen çevrimdışı çalışır
Sıfır telemetri, analitik veya izleme
Hesap yok, oturum açma yok
Tüm veriler tarayıcınızda kalır
Açık kaynak: https://github.com/investblog/xpather
Gizlilik politikası: https://xpather.ru/privacy.html

İzinler

activeTab — seçiciyi etkinleştirdiğinizde mevcut sekmenin DOM'una erişim
scripting — sayfa içine öğe seçici betiğini enjekte etme
webNavigation — seçici durumunu sıfırlamak için sayfa geçişlerini algılama
sidePanel — XPath sonuçlarını tarayıcı yan panelinde görüntüleme