Есть ли способ получить xpath в Google Chrome?

Question

У меня есть веб-страница, которую я хочу использовать с YQL.Но мне нужен xpath конкретного элемента.Я вижу его в области инструментов отладки для Google Chrome, но не вижу способа скопировать этот xpath.

Есть ли способ скопировать полный xpath?

Answer 1

Вы можете использовать $x в консоли Chrome Javascript. Расширения не нужны.

например: $x("//img")

Также окно поиска в веб-инспекторе примет xpath

Answer 2

Щелкните правой кнопкой мыши узел => «Копировать XPath»

Answer 3

Все вышеприведенные ответы верны, здесь есть и другой способ со скриншотом.

Из Chrome:

1. Щелкните правой кнопкой мыши «осмотреть» элемент, который вы пытаетесь найти xpath
2. Щелкните правой кнопкой мыши выделенную область на консоли.
3. Перейдите к Копировать xpath

Answer 4

Расширение XPath Helper делает то, что вам нужно: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

Answer 5

Расширение не требуется в Chrome сейчас. Щелкните правой кнопкой мыши по любому элементу, для которого вы хотите использовать xpath, и нажмите «Проверить элемент», а затем снова внутри Инспектора, щелкните правой кнопкой мыши по элементу и нажмите «Копировать Xpath».

Answer 6

Google Chrome предоставляет встроенный инструмент отладки под названием « Chrome DevTools », который включает удобную функцию, которая может оценивать или проверять селекторы XPath / CSS без сторонних расширений.

Это можно сделать двумя способами:

Используйте функцию поиска на панели «Элементы» для оценки селекторов XPath / CSS и выделения совпадающих узлов в DOM. Выполните токены $ x ("some_xpath") или $$ ("css-селекторы") на панели консоли, которые будут как оценивать, так и проверять.

С панели элементов

1. Нажмите F12, чтобы открыть Chrome DevTools.

2. Панель элементов должна открываться по умолчанию.

3. Нажмите Ctrl + F, чтобы включить поиск DOM на панели.

4. Введите оценщики XPath или CSS для оценки.

5. Если есть совпадающие элементы, они будут выделены в DOM. Однако, если в DOM есть совпадающие строки, они также будут считаться действительными результатами. Например, заголовок селектора CSS должен соответствовать всему (встроенный CSS, скрипты и т. Д.), Который содержит заголовок слова, а не только элементам соответствия.

С пульта управления

1. Нажмите F12, чтобы открыть Chrome DevTools.

2. Переключение на панель консоли.

3. Введите XPath, например $x(".//header"), для оценки и подтверждения.

4. Введите CSS-селекторы, например $$("header"), для оценки и проверки.

5. Проверка результатов, полученных при выполнении консоли.

Если элементы совпадают, они будут возвращены в списке. В противном случае отображается пустой список [].

$x(".//article")
[<article class="unit-article layout-post">…</article>]

$x(".//not-a-tag")
[ ]

Если селектор XPath или CSS недопустим, исключение будет отображаться красным текстом. Например:

$x(".//header/")
SyntaxError: Failed to execute 'evaluate' on 'Document': The string './/header/' is not a valid XPath expression.

$$("header[id=]")
SyntaxError: Failed to execute 'querySelectorAll' on 'Document': 'header[id=]' is not a valid selector.

Answer 7

Позвольте сказать вам простую формулу, чтобы найти xpath любого элемента:

1- Открыть сайт в браузере

2- Выберите элемент и щелкните по нему правой кнопкой мыши

3 - Нажмите параметр проверки элемента

4 - Щелкните правой кнопкой мыши выбранный HTML

5 - выберите вариант для копирования xpath Используйте его там, где вам нужно

Эта ссылка на видео будет вам полезна. http://screencast.com/t/afXsaQXru

Примечание. Для дополнительных параметров xpath необходимо знать регулярное выражение или шаблон вашего HTML.

Answer 8

Начиная с последнего обновления для chrome, теперь вы можете щелкнуть любой элемент в инспекторе элементов и скопировать XPath в буфер обмена.

Answer 9

xpathOnClick содержит то, что вы ищете: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

Прочитайте комментарии, хотя для получения xpath требуется три щелчка.

Answer 10

Просто щелкните правой кнопкой мыши по элементу, для которого вы хотите использовать xpath, и вы увидите пункт меню, чтобы скопировать его.Этого, возможно, не было, когда ОП сделал свой пост, но он, безусловно, сейчас там.