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

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

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

Ответ 1

Вы можете использовать $x в консоли javascript Chrome. Не требуется никаких расширений.

ex: $x("//img")

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

Ответ 2

Щелкните правой кнопкой мыши на node = > "Скопировать XPath"

Ответ 3

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

Из Chrome:

Щелкните правой кнопкой мыши "проверять" элемент, который вы пытаетесь найти xpath
Щелкните правой кнопкой мыши выделенную область на консоли.
Перейдите в раздел Copy xpath

Ответ 4

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

Ответ 5

В хроме не требуется расширение. Щелкните правой кнопкой мыши на любом элементе, для которого вы хотите xpath, и нажмите "Inspect Element", а затем снова внутри Inspector, щелкните правой кнопкой мыши элемент и нажмите "Скопировать Xpath".

Ответ 6

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

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

Ответ 7

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

Ответ 8

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

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

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

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

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

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

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

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

Ответ 9

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

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

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

Из панели "Элементы"

Нажмите F12, чтобы открыть Chrome DevTools.
Панель элементов должна быть открыта по умолчанию.
Нажмите Ctrl + F, чтобы включить поиск DOM на панели.
Введите XPath или CSS селекторы для оценки.
Если есть совпадающие элементы, они будут выделены в DOM. Однако, если в DOM есть совпадающие строки, они также будут считаться действительными результатами. Например, заголовок селектора CSS должен соответствовать всему (встроенный CSS, скрипты и т.д.), Который содержит заголовок слова, а не только элементам соответствия.

Из панели консоли

Нажмите F12, чтобы открыть Chrome DevTools.
Переключиться на панель консоли.
Введите XPath как $x(".//header") для оценки и проверки.
Введите CSS-селекторы, такие как $$("header") для оценки и проверки.
Проверьте результаты, возвращаемые при выполнении консоли.

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

$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.

Ответ 10

Угу. Прямо здесь:

https://chrome.google.com/extensions/detail/gbammbheopgpmaagmckhpjbfgdfkpadb?hl=en

Ответ 11

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

Ответ 12

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

Ответ 13

[ОБНОВЛЕНО URL] Вы можете найти Chrome Extension ChromYQLip:

https://chrome.google.com/webstore/detail/chromyqlip/llbglodbpapacafalndokgjcmnaekdcn

Ответ 14

Я полагаю, это может помочь вам с XPath: https://chrome.google.com/webstore/detail/xpath-helper/hgimnogjllphhhkhlmebbmlgjoejdpjl

Но если вы можете использовать Firefox, используйте: https://addons.mozilla.org/en-US/firefox/addon/xpather/.

Ответ 15

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

Ответ 16

Расширение, которое должно выполнить для вас работу https://chrome.google.com/webstore/detail/xpath/lbghbpofdlcecfbpjgmffnkieenjkboi. Это должно выполнить эту работу, поскольку я пробовал ее, и она работает хорошо.

Ответ 17

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

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

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

Ответ 18

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

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

Генератор XPath