Як я можу перевірити свій XPath?

Я використовую інструмент для розробників Chrome, щоб перевірити елементи та сформувати свій XPath. Я перевіряю це за допомогою Chrome plugin XPath Checker, однак це не завжди дає мені результат. Що є кращим способом перевірити свій XPath.

Я також спробував використовувати Firebug для перевірки помилки, а також використовуючи FirePath для перевірки. Але чи Firepath також перевіряє XPath.

Мій останній варіант буде використовувати Selenium WebDriver для підтвердження моєї XPath.

Хром

Цього можна досягти трьома різними підходами (детальніше див. Тут статтю мого блогу ):

• Шукайте на Elementsпанелі, як показано нижче
• Виконати $x()та $$()на Consoleпанелі, як показано у відповіді Лоуренса
• Розширення сторонніх розробників (не дуже потрібні в більшості випадків, можуть бути надмірними)

Ось як ви шукаєте XPath на Elementsпанелі:

1. Натисніть, F12щоб відкрити інструмент для розробників Chrome
2. На панелі "Елементи" натисніть Ctrl+F
3. У полі пошуку введіть XPath або CSS Selector, якщо елементи знайдені, вони будуть виділені жовтим кольором.

Firefox (з версії 75)

Оскільки FF 75 можна використовувати необроблений запит xpath без оцінки виразів xpath, для отримання додаткової інформації див документацію .

Firefox (попередня версія 75)

1. Виберіть "Веб-консоль" у підменю "Веб-розробник" у меню Firefox (або меню Інструменти, якщо ви відображаєте рядок меню або перебуваєте на Mac OS X)
   або натисніть комбінацію клавіш Ctrl+ Shift+ K( Command+ Option+ Kв OS X).

2. У командному рядку внизу використовуйте наступне:

   • $(): Повертає перший елемент, який відповідає. Еквівалентна document.querySelector()або викликає $функцію на сторінці, якщо вона існує.

   • $$(): Повертає масив вузлів DOM, які відповідають. Це як для document.querySelectorAll(), але повертає масив замість а NodeList.

   • $x(): Оцінює вираз XPath та повертає масив відповідних вузлів.

Firefox (попередня версія 49)

1. Встановити Firebug
2. Встановити Firepath
3. Натисніть, F12щоб відкрити Firebug
4. Перехід на FirePathпанель
5. У спадному меню виберіть XPathor CSS
6. Введіть, щоб знайти

Ви можете відкрити DevTools в Chrome за допомогою CTRL+IWindows (або CMD+IMac) та Firefox F12, а потім вибрати Consoleвкладку) і перевірити XPath, ввівши $x("your_xpath_here").
Це поверне масив зіставлених значень. Якщо вона порожня, ви знаєте, що на сторінці немає відповідності.

Firefox v66 (квітень 2019):

Chrome v69 (квітень 2019):

За допомогою хрому чи опери

без плагінів, без написання жодного символу синтаксису XPath

1. клацніть правою кнопкою миші потрібний елемент, а потім "перевірити"
2. клацніть правою кнопкою миші на виділеному тезі елемента, виберіть копію> Копіювати Xpath.

;)

Ось розширення ChroPath для Chrome, яке має багато розширених функцій порівняно з FirePath. Виконайте наступні кроки:

1. Відкрити панель розробників.
2. Клацніть правою кнопкою миші будь-де на веб-сторінці.
3. Клацніть Перевірити.
4. У правій частині вкладки Елементи клацніть на вкладці ChroPath.

Тут ви отримаєте XPath / CSS, а також можете його редагувати та оцінювати.

Завантажте аддон

Ще один варіант перевірки вашого xpath - це використання селену IDE.

1. Встановіть Firefox Selenium IDE
2. Відкрийте свою програму у FireFox та відкрийте IDE
3. У новому рядку IDE вставте xpath до цілі та натисніть Знайти. Відповідний елемент буде виділено у вашій заявці

Я перевіряю селектори XPath та Css за допомогою розширення WebSync Chrome .

Він надає можливість перевірити селектори, а також генерувати / змінювати селектори, натискаючи на атрибути елементів.

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