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

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

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

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

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

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

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

Все приведенные выше ответы верны, вот еще один способ со скриншотом.

Из Chrome:

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

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

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

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.

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

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

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

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

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

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

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

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

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

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

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

Для Chrome, например:

1. Щелкните правой кнопкой мыши «осмотреть» на предмет, который вы пытаетесь найти XPath.
2. Щелкните правой кнопкой мыши на выделенной области в HTML DOM.
3. Перейдите в «Копировать»> выберите «Копировать XPath».
4. После вышеуказанного шага вы получите абсолютный XPath элемента из DOM.
5. Вы можете внести изменения, чтобы сделать его относительным XPath (потому что, если DOM изменится, ваш XPath все равно сможет найти элемент).

а. Для этого, открыв панель «Элементы» браузера, нажмите CTRL + F и вставьте XPath.

б. Внесите изменения, как описано в следующем примере.

Абсолютный xpath = // * [@ id = "app"] / div [1] / header / nav / div [2] / ul / li [2] / div / button

Связанный xpath = // div // nav / div [2] / ul / li [2] / div / button

Когда вы вносите изменения:

1. убедитесь, что XPath уникален в DOM.
2. Тем не менее, веб-элемент выбран на DOM и на веб-странице.

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

В Firebug в Firefox вы можете щелкнуть правой кнопкой мыши элемент после его проверки и выбрать «Копировать XPath». Я не мог заставить ChromYQLip работать без сбоев.

Вы можете попробовать использовать Chrome Web Extension TruePath, который динамически генерирует относительный XPath при щелчке правой кнопкой мыши на веб-странице и отображает все XPath в качестве пунктов меню.

Немного ОТ, но, возможно, полезно: в Mac Chrome, хотя вы не можете скопировать xpath из поля поиска на панели инструментов Dev (вместо этого копировать захватывает узел как HTML), вы можете перетаскивать текст во внешний редактор.

Я перепробовал почти все доступные расширения и нашел ниже один из лучших.

Ссылка на расширение ChroPath

Как и FirePath, это расширение напрямую дает вам Xpath, когда вы нажимаете Inspect.

нажмите Cntl + Shift + C
на элемент, который хотите получить XPath, нажав на него
right clickв выделенной части консоли
copy->copy XPath

Используйте это расширение, оно генерирует xpaths на основе идентификатора или класса, что, вероятно, вы хотите использовать.

Нажмите на значок браузера, панель отобразится в правом углу страницы, затем нажмите «Начать проверку», затем нажмите на любой элемент, чтобы получить свой xpath.

XPath Generator