Как найти путь Xpath с помощью Firebug

Загрузить PDF
Соавтор(ы): Команда wikiHow

Загрузить PDF

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

Метод 1
Метод 1 из 4:

Использование Firebug в Firefoх

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/09\/Find-XPath-Using-Firebug-Step-1-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/09\/Find-XPath-Using-Firebug-Step-1-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Firebug является веб-инспектором для Firefox.
    • Нажмите кнопку меню Firefox (☰) и выберите «Дополнения».
    • Нажмите «Получить дополнения» – «Посмотрите больше дополнений».
    • Найдите расширение Firebug и нажмите «Добавить в Firefox».
    • Подтвердите, что вы хотите установить Firebug, а затем перезапустите Firefox (по запросу).
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1d\/Find-XPath-Using-Firebug-Step-2-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1d\/Find-XPath-Using-Firebug-Step-2-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Firebug можно использовать для поиска XPath-пути к любому элементу сайта.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c5\/Find-XPath-Using-Firebug-Step-3-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/Find-XPath-Using-Firebug-Step-3-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Она находится в правом верхнем углу окна браузера. В нижней части окна Firefox откроется панель Firebug.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Find-XPath-Using-Firebug-Step-4-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Find-XPath-Using-Firebug-Step-4-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Она находится в верхнем ряду кнопок на панели Firebug (справа от кнопки «Параметры Firebug»). Значок этой кнопки имеет вид прямоугольника с курсором.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ac\/Find-XPath-Using-Firebug-Step-5-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ac\/Find-XPath-Using-Firebug-Step-5-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    По мере перемещения курсора по веб-странице на панели Firebug будут выделяться различные элементы. Остановитесь на элементе, XPath-путь к которому нужно узнать.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/Find-XPath-Using-Firebug-Step-6-Version-3.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Find-XPath-Using-Firebug-Step-6-Version-3.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Если щелкнуть по нужному элементу веб-страницы, на панели Firebug выделится соответствующий код. Щелкните правой кнопкой мыши по выделенному коду.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/13\/Find-XPath-Using-Firebug-Step-7.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/13\/Find-XPath-Using-Firebug-Step-7.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    XPath-путь скопируется в буфер обмена.
    • Если в меню выбрать «Скопировать мини-XPath», будет скопирован только короткий XPath-путь.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bf\/Find-XPath-Using-Firebug-Step-8.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bf\/Find-XPath-Using-Firebug-Step-8.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Скопированный путь можно вставить куда угодно; для этого щелкните правой кнопкой мыши и в меню выберите «Вставить».
    Реклама
Метод 2
Метод 2 из 4:

Использование Chrome

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/be\/Find-XPath-Using-Firebug-Step-9.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/be\/Find-XPath-Using-Firebug-Step-9.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В Chrome не нужны никакие расширения, чтобы найти XPath-путь к любому элементу веб-сайта.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fe\/Find-XPath-Using-Firebug-Step-10.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fe\/Find-XPath-Using-Firebug-Step-10.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Он отобразится в правой части окна.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-11.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-11.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Она находится в верхнем левом углу панели веб-инспектора. Значок этой кнопки имеет вид прямоугольника с курсором.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Find-XPath-Using-Firebug-Step-12.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Find-XPath-Using-Firebug-Step-12.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    По мере перемещения курсора по веб-странице на панели веб-инспектора будут выделяться различные элементы.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bb\/Find-XPath-Using-Firebug-Step-13.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bb\/Find-XPath-Using-Firebug-Step-13.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    На панели веб-инспектора щелкните правой кнопкой мыши по выделенному коду. Если щелкнуть по нужному элементу веб-страницы, на панели веб-инспектора выделится соответствующий код. Щелкните правой кнопкой мыши по выделенному коду.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Find-XPath-Using-Firebug-Step-14.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Find-XPath-Using-Firebug-Step-14.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    XPath-путь выбранного элемента скопируется в буфер обмена.
    • Обратите внимание, что будет скопирован короткий XPath-путь. Расширенный путь можно скопировать с помощью расширения Firebug для браузера Firefox.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Find-XPath-Using-Firebug-Step-15.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Find-XPath-Using-Firebug-Step-15.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Скопированный путь можно вставить как любую другую информацию; для этого щелкните правой кнопкой мыши и в меню выберите «Вставить».
    Реклама
Метод 3
Метод 3 из 4:

Использование Safari

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8f\/Find-XPath-Using-Firebug-Step-16.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8f\/Find-XPath-Using-Firebug-Step-16.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Чтобы получить доступ к веб-инспектору, нужно активировать функцию «Разработка».
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/Find-XPath-Using-Firebug-Step-17.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/Find-XPath-Using-Firebug-Step-17.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Откроются расширенные настройки Safari.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Find-XPath-Using-Firebug-Step-18.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Find-XPath-Using-Firebug-Step-18.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В строке меню отобразится меню «Разработка».
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f0\/Find-XPath-Using-Firebug-Step-19.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f0\/Find-XPath-Using-Firebug-Step-19.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-19.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Закройте настройки Safari и перейдите на нужный веб-сайт.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/42\/Find-XPath-Using-Firebug-Step-20.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/42\/Find-XPath-Using-Firebug-Step-20.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Панель веб-инспектора откроется в нижней части окна.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/98\/Find-XPath-Using-Firebug-Step-21.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/98\/Find-XPath-Using-Firebug-Step-21.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-21.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Эта кнопка имеет значок в виде перекрестья и находится в верхнем ряду кнопок на панели веб-инспектора.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ca\/Find-XPath-Using-Firebug-Step-22.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-22.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ca\/Find-XPath-Using-Firebug-Step-22.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-22.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Код элемента будет выделен на панели веб-инспектора.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1a\/Find-XPath-Using-Firebug-Step-23.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-23.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1a\/Find-XPath-Using-Firebug-Step-23.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-23.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Скопировать XPath-путь нельзя, но расширенный путь отобразится над кодом на панели веб-инспектора. Каждая вкладка является формулой пути. [1]
    Реклама
Метод 4
Метод 4 из 4:

Использование Internet Explorer (IE)

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b8\/Find-XPath-Using-Firebug-Step-24.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-24.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b8\/Find-XPath-Using-Firebug-Step-24.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-24.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В IE не нужны никакие расширения, чтобы найти XPath-путь к любому элементу веб-сайта. Сначала откройте нужный веб-сайт.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ee\/Find-XPath-Using-Firebug-Step-25.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-25.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ee\/Find-XPath-Using-Firebug-Step-25.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-25.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Панель инструментов разработчика отобразится в нижней части окна браузера.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-26.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-26.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/79\/Find-XPath-Using-Firebug-Step-26.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-26.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Эта кнопка находится в левом верхнем углу панели инструментов разработчика.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cb\/Find-XPath-Using-Firebug-Step-27.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-27.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cb\/Find-XPath-Using-Firebug-Step-27.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-27.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Будут выделены элемент и его код (на панели инструментов разработчика).
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5a\/Find-XPath-Using-Firebug-Step-28.jpg\/v4-460px-Find-XPath-Using-Firebug-Step-28.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5a\/Find-XPath-Using-Firebug-Step-28.jpg\/v4-728px-Find-XPath-Using-Firebug-Step-28.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Каждая вкладка (отображаются в нижней части панели) является формулой пути к выбранному элементу. Скопировать XPath-путь нельзя (это можно сделать с помощью расширения Firebug для браузера Firefox).
    Реклама

Дополнительные статьи

Как
обнаружить спрятанные камеры и микрофоны
Как
прикинуться хакером
Как
запустить программу из командной строки
Как
подключить контроллер PS4 к игровой приставке PS5
Как
использовать контроллер PS3 на компьютере
Как
подключить к компьютеру еще один жесткий диск
Как
сделать стилус
Как
найти потерянный пульт от телевизора
Как
создать электромагнитный импульс
Как
установить жесткий диск
Как
подключить HDMI к телевизору
Как
сделать FM антенну
Как
работать с программой "Cheat Engine"
Как
исправить застрявший пиксель на ЖК–мониторе
Реклама

Источники

  1. ↑ http://stackoverflow.com/questions/34456722/getting-xpath-for-element-in-safari

Об этой статье

На других языках
Эту страницу просматривали 18 306 раз.

Была ли эта статья полезной?

Реклама