Информацию о XPath для элементов веб-сайта можно найти с помощью инструментов разработчика большинства браузеров. Firebug для Firefox позволяет копировать информацию XPath прямо в буфер обмена. Для большинства других браузеров вы можете найти информацию XPath для элемента в инструментах разработчика, но вам придется отформатировать ее самостоятельно.
Шаги
Метод 1 из 4: Использование Firefox и Firebug
Шаг 1. Установите Firebug для Firefox
Firebug - это надстройка веб-инспектора для Firefox.
- Нажмите кнопку меню Firefox (☰) и выберите «Надстройки».
- Нажмите «Получить надстройки», а затем нажмите «Получить другие надстройки!» кнопка.
- Найдите «Firebug» и нажмите кнопку «Добавить в Firefox» рядом с ним.
- Подтвердите, что вы хотите установить Firebug, а затем перезапустите Firefox, когда будет предложено.
Шаг 2. Откройте веб-сайт, который хотите проверить
Вы можете использовать Firebug для проверки любого элемента на веб-сайте, чтобы найти XPath.
Шаг 3. Нажмите кнопку Firebug
Вы найдете это в правом верхнем углу окна. Это откроет панель Firebug в нижней части окна Firefox.
Шаг 4. Щелкните кнопку инспектора элементов
Вы найдете это в верхнем ряду кнопок на панели Firebug в нижней части окна, прямо справа от кнопки Firebug Options. Это похоже на прямоугольник с наведенным на него курсором мыши.
Шаг 5. Щелкните элемент веб-страницы, который вы хотите проверить
Когда вы наводите курсор на веб-страницу, вы увидите, что разные элементы выделяются. Щелкните тот, для которого вы хотите найти XPath.
Шаг 6. Щелкните правой кнопкой мыши выделенный код на панели Firebug
Когда вы щелкаете элемент на веб-странице, связанный с ним код будет выделен на панели Firebug в нижней части окна. Щелкните этот выделенный код правой кнопкой мыши.
Шаг 7. Выберите в меню «Копировать XPath»
Это скопирует информацию XPath элемента в буфер обмена.
Если вы выберете «Копировать минимальный XPath», будет скопирована только основная информация XPath
Шаг 8. Вставьте скопированную информацию XPath в другое место
После того, как код скопирован, вы можете просто вставить его куда угодно, щелкнув правой кнопкой мыши и выбрав «Вставить».
Метод 2 из 4. Использование Chrome
Шаг 1. Откройте веб-сайт, который хотите проверить, в Chrome
Вам не нужно устанавливать никаких расширений, чтобы иметь возможность находить информацию XPath об элементах веб-сайта при использовании Chrome.
Шаг 2. Нажмите
F12 открыть инспектор сайта.
Он появится в правой части окна.
Шаг 3. Щелкните кнопку инспектора элементов
Вы найдете его в верхнем левом углу панели инспектора веб-сайта. Кнопка выглядит как прямоугольник с наведенным на нее курсором мыши.
Шаг 4. Щелкните элемент на веб-сайте, который вы хотите проверить
Вы увидите, что элементы сайта подсвечиваются, когда вы наводите на них курсор.
Шаг 5. Щелкните правой кнопкой мыши выделенный код на панели инспектора
Когда вы щелкаете элемент с помощью инспектора, соответствующий код автоматически выделяется на панели инспектора в правой части окна. Щелкните выделенный код правой кнопкой мыши.
Шаг 6. Выберите «Копировать» → «Копировать XPath
" Это скопирует информацию XPath элемента в буфер обмена.
Обратите внимание, что это просто копирует минимальную информацию XPath. Firebug для Firefox может предоставить вам полную информацию о XPath
Шаг 7. Вставьте скопированную информацию XPath
Вы можете вставить скопированную информацию XPath, как любую скопированную информацию, щелкнув правой кнопкой мыши в текстовом поле и выбрав «Вставить».
Метод 3 из 4. Использование Safari
Шаг 1. Щелкните меню Safari и выберите «Настройки»
" Вам необходимо включить меню «Разработка», чтобы получить доступ к утилите Web Inspector.
Шаг 2. Щелкните вкладку «Дополнительно»
Это отобразит расширенные настройки Safari.
Шаг 3. Установите флажок «Показать меню разработки в строке меню»
Меню «Разработка» сразу появится в строке меню.
Шаг 4. Откройте веб-сайт, который хотите проверить
Закройте меню «Настройки» и посетите веб-сайт, содержащий элемент, для которого вы хотите получить XPath.
Шаг 5. Щелкните меню «Разработка» и выберите «Показать Web Inspector»
" Панель Web Inspector появится в нижней части окна.
Шаг 6. Нажмите кнопку «Начать выбор элемента»
Это похоже на перекрестие, которое можно найти в верхнем ряду кнопок на панели Web Inspector.
Шаг 7. Щелкните элемент на веб-сайте, который вы хотите проверить
Это выделит код этого элемента на панели Web Inspector в нижней части окна.
Шаг 8. Обратите внимание на информацию XPath в верхней части дерева
Вы не можете напрямую скопировать XPath, но вы можете увидеть полный путь, указанный над кодом, отображаемым в Web Inspector. Каждая вкладка представляет собой выражение пути.
Метод 4 из 4: Использование Internet Explorer
Шаг 1. Откройте веб-сайт, который вы хотите проверить, в Internet Explorer
Вам не нужно ничего устанавливать, чтобы найти XPath в Internet Explorer. Откройте веб-сайт, содержащий элемент, который вы хотите проверить.
Шаг 2. Нажмите F12, чтобы открыть инструменты разработчика
Панель инструментов разработчика появится в нижней части окна.
Шаг 3. Нажмите кнопку «Выбрать элемент»
Вы найдете его в верхнем левом углу панели инструментов разработчика.
Шаг 4. Щелкните элемент на веб-странице, который вы хотите проверить
Это выберет его и выделит код для него в проводнике DOM.
Шаг 5. Обратите внимание на информацию XPath внизу панели
Каждая вкладка в нижней части панели представляет собой выражение XPath для выбранного вами элемента. Вы не можете скопировать его в формате XPath, как в Firefox с Firebug.