Як знайти шлях xpath за допомогою firebug

XPath-шлях до елементів сайту можна знайти в більшості браузерів за допомогою інструментів розробника. Firebug для Firefox дозволить скопіювати XPath-шлях безпосередньо в буфер обміну. У більшості інших браузерів XPath-шлях до елементу можна знайти за допомогою інструментів розробника, але його доведеться форматувати вручну.

кроки

Метод 1 з 4:

Використання Firebug в Firefoх

1. Встановіть Firebug для Firefox. Firebug є веб-інспектором для Firefox.

Натисніть кнопку меню Firefox (☰) і виберіть «Додатки».
Натисніть «Отримати доповнення» - «Подивіться більше доповнень».
Знайдіть розширення Firebug і натисніть «Додати в Firefox».
Підтвердіть, що ви хочете встановити Firebug, а потім перезапустіть Firefox (на вимогу).

Зображення з назвою Find XPath Using Firebug Step 2

2. Відкрийте потрібний веб-сайт. Firebug можна використовувати для пошуку XPath-шляху до будь-якого елементу сайту.

Зображення з назвою Find XPath Using Firebug Step 3

3. Натисніть кнопку Firebug. Вона знаходиться в правому верхньому куті вікна браузера. У нижній частині вікна Firefox відкриється панель Firebug.

Зображення з назвою Find XPath Using Firebug Step 4

4. Натисніть кнопку інспектора елементів. Вона знаходиться в верхньому ряду кнопок на панелі Firebug (праворуч від кнопки «Параметри Firebug»). Значок цієї кнопки має вигляд прямокутника з курсором.

Зображення з назвою Find XPath Using Firebug Step 5

5. Клацніть по потрібному елементу веб-сторінки. У міру переміщення курсору по веб-сторінці на панелі Firebug будуть виділятися різні елементи. Зупиніться на елементі, XPath-шлях до якого потрібно дізнатися.

Зображення з назвою Find XPath Using Firebug Step 6

6. Клацніть правою кнопкою миші по виділеному коду на панелі Firebug. Якщо клацнути по потрібному елементу веб-сторінки, на панелі Firebug виділиться відповідний код. Клацніть правою кнопкою миші по виділеному коду.

Зображення з назвою Find XPath Using Firebug Step 7

7. У меню виберіть «Копіювати XPath». XPath-шлях скопіюється в буфер обміну.

Якщо в меню вибрати "Копіювати міні-XPath», буде скопійований лише короткий XPath-шлях.

Зображення з назвою Find XPath Using Firebug Step 8

8. Вставте скопійований XPath-шлях куди потрібно. Скопійований шлях можна вставити куди завгодно-для цього клацніть правою кнопкою миші і в меню виберіть «Вставити».

Метод 2 з 4:

Використання Chrome

1. Відкрийте потрібний веб-сайт. У Chrome не потрібні ніякі розширення, щоб знайти XPath-шлях до будь-якого елементу веб-сайту.

Зображення з назвою Find XPath Using Firebug Step 10

2. натисніть F12, щоб відкрити веб-інспектор. Він відобразиться в правій частині вікна.

Зображення з назвою Find XPath Using Firebug Step 11

3. Натисніть кнопку інспектора елементів. Вона знаходиться у верхньому лівому куті панелі веб-інспектора. Значок цієї кнопки має вигляд прямокутника з курсором.

Зображення з назвою Find XPath Using Firebug Step 12

4. Клацніть по потрібному елементу веб-сторінки. У міру переміщення курсору по веб-сторінці на панелі веб-інспектора будуть виділятися різні елементи.

Зображення з назвою Find XPath Using Firebug Step 13

5. На панелі веб-інспектора клацніть правою кнопкою миші по виділеному коду. Якщо клацнути по потрібному елементу веб-сторінки, на панелі веб-інспектора виділиться відповідний код. Клацніть правою кнопкою миші по виділеному коду.

Зображення з назвою Find XPath Using Firebug Step 14

6. У меню виберіть «Копіювати» - «Копіювати XPath». XPath-шлях обраного елемента скопіюється в буфер обміну.

Зверніть увагу, що буде скопійований короткий XPath-шлях. Розширений шлях можна скопіювати за допомогою розширення Firebug для браузера Firefox.

Зображення з назвою Find XPath Using Firebug Step 15

7. Вставте скопійований XPath-шлях. Скопійований шлях можна вставити як будь-яку іншу інформацію- для цього клацніть правою кнопкою миші і в меню виберіть «Вставити».

Метод 3 з 4:

Використання Safari

1. Відкрийте меню Safari і виберіть «Налаштування». Щоб отримати доступ до веб-інспектору, потрібно активувати функцію «Розробка».

Зображення з назвою Find XPath Using Firebug Step 17

2. Перейдіть на вкладку «Додатково». Відкриються розширені настройки Safari.

Зображення з назвою Find XPath Using Firebug Step 18

3. Відзначте опцію «Показати меню розробки в рядку меню». У рядку меню відобразиться меню «Розробка».

Зображення з назвою Find XPath Using Firebug Step 19

4. Відкрийте потрібний веб-сайт. Закрийте налаштування Safari і перейдіть на потрібний веб-сайт.

Зображення з назвою Find XPath Using Firebug Step 20

5. Відкрийте меню «Розробка» і виберіть «Показати веб-інспектор». Панель веб-інспектора відкриється в нижній частині вікна.

Зображення з назвою Find XPath Using Firebug Step 21

6. Натисніть «Запустити пошук елемента». Ця кнопка має значок у вигляді перехрестя і знаходиться в верхньому ряду кнопок на панелі веб-інспектора.

Зображення з назвою Find XPath Using Firebug Step 22

7. Клацніть по потрібному елементу веб-сайту. Код елемента буде виділено на панелі веб-інспектора.

Зображення з назвою Find XPath Using Firebug Step 23

8. У верхній частині панелі веб-інспектора зверніть увагу на XPath-шлях. Скопіювати XPath-шлях не можна, але розширений шлях відобразиться над кодом на панелі веб-інспектора. Кожна вкладка є формулою шляху.

Метод 4 з 4:

Використання Internet Explorer (IE)

1. Відкрийте потрібний веб-сайт. В IE не потрібні ніякі розширення, щоб знайти XPath-шлях до будь-якого елементу веб-сайту. Спочатку відкрийте потрібний веб-сайт.

Зображення з назвою Find XPath Using Firebug Step 25

2. натисніть F12, щоб відкрити інструменти розробника. Панель інструментів розробника відобразиться в нижній частині вікна браузера.

Зображення з назвою Find XPath Using Firebug Step 26

3. Натисніть «Вибрати елемент». Ця кнопка знаходиться в лівому верхньому кутку панелі інструментів розробника.

Зображення з назвою Find XPath Using Firebug Step 27

4. Клацніть по потрібному елементу веб-сторінки. Будуть виділені елемент і його код (на панелі інструментів розробника).

Зображення з назвою Find XPath Using Firebug Step 28

5. У нижній частині панелі зверніть увагу на XPath-шлях. Кожна вкладка (відображаються в нижній частині панелі) є формулою шляху до вибраного елементу. Скопіювати XPath-шлях не можна (це можна зробити за допомогою розширення Firebug для браузера Firefox).