¿Hay alguna manera de obtener el XPath en Google Chrome?

Tengo una página web que quiero usar con YQL. Pero necesito la XPath de un artículo específico. Puedo verlo en el área de herramientas de depuración para Google Chrome, pero no veo una manera de copiar ese XPath.

¿Hay alguna manera de copiar un XPath completo?

Puede usar $xen la consola de JavaScript de Chrome. No se necesitan extensiones.

ex: $x("//img")

Además, el cuadro de búsqueda en el inspector web aceptará xpath

Haga clic derecho en el nodo => "Copiar XPath"

Todas las respuestas anteriores son correctas aquí es otra forma con captura de pantalla también.

De Chrome:

1. Haga clic derecho en "inspeccionar" en el elemento que está tratando de encontrar el xpath
2. Haga clic derecho en el área resaltada en la consola.
3. Ir a Copiar xpath

La extensión XPath Helper hace lo que necesita: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

No se necesita extensión en Chrome ahora. Haga clic derecho en cualquier elemento para el que desee xpath y haga clic en "Inspeccionar elemento" y luego nuevamente dentro del Inspector, haga clic derecho en elemento y haga clic en "Copiar Xpath".

Google Chrome proporciona una herramienta de depuración incorporada llamada " Chrome DevTools " lista para usar , que incluye una característica práctica que puede evaluar o validar selectores XPath / CSS sin extensiones de terceros.

Esto se puede hacer mediante dos enfoques:

Use la función de búsqueda dentro del panel Elementos para evaluar los selectores XPath / CSS y resaltar los nodos coincidentes en el DOM. Ejecute los tokens $ x ("some_xpath") o $$ ("css-selectors") en el panel de la consola, que evaluará y validará.

Desde el panel Elementos

1. Presione F12 para abrir Chrome DevTools.

2. El panel de elementos debe abrirse por defecto.

3. Presione Ctrl + F para habilitar la búsqueda DOM en el panel.

4. Escriba los selectores XPath o CSS para evaluar.

5. Si hay elementos coincidentes, se resaltarán en DOM. Sin embargo, si hay cadenas coincidentes dentro de DOM, también se considerarán como resultados válidos. Por ejemplo, el encabezado del selector CSS debe coincidir con todo (CSS en línea, scripts, etc.) que contenga el encabezado de la palabra, en lugar de coincidir solo con los elementos.

Desde el panel de la consola

1. Presione F12 para abrir Chrome DevTools.

2. Cambie al panel de la consola.

3. Escriba XPath como $x(".//header")para evaluar y validar.

4. Escriba selectores CSS como $$("header")evaluar y validar.

5. Verifique los resultados devueltos de la ejecución de la consola.

Si los elementos coinciden, se devolverán en una lista. De lo contrario, se muestra una lista vacía [].

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

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

Si el selector XPath o CSS no es válido, se mostrará una excepción en texto rojo. Por ejemplo:

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

Deja que te diga una fórmula simple para encontrar xpath de cualquier elemento:

1- Abrir sitio en el navegador

2- Seleccione el elemento y haga clic derecho sobre él

3- Haga clic en la opción inspeccionar elemento

4- Haz clic derecho en el html seleccionado

5- elige la opción para copiar xpath Úselo donde lo necesites

Este enlace de video será útil para usted. http://screencast.com/t/afXsaQXru

Nota: Para conocer las opciones avanzadas de xpath, debe conocer la expresión regular o el patrón de su html.

xpathOnClick tiene lo que estás buscando: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

Sin embargo, lea los comentarios, en realidad se necesitan tres clics para obtener el xpath.

A partir de la última actualización de Chrome, ahora puede hacer clic en cualquier elemento del inspector de elementos y copiar el XPath en el portapapeles.

Para Chrome, por ejemplo:

1. Haga clic derecho en "inspeccionar" en el elemento que está tratando de encontrar el XPath.
2. Haga clic derecho en el área resaltada en el DOM HTML.
3. Vaya a Copiar> seleccione 'Copiar XPath'.
4. Después del paso anterior, obtendrá la XPath absoluta del elemento de DOM.
5. Puede hacer cambios para que sea XPath relativo (porque si el DOM cambia, aún su XPath podría encontrar el elemento).

a. Para hacerlo, al abrir el panel 'Elementos' del navegador, presione CTRL + F, pegue el XPath.

si. Realice los cambios como se describe en el siguiente ejemplo.

Absoluta xpath = // * [@ id = "aplicación"] / div [1] / header / nav / div [2] / ul / li [2] / div / button

Xpath relacionado = // div // nav / div [2] / ul / li [2] / div / button

Cuando haces cambios:

1. asegúrese de que XPath sea único dentro del DOM.
2. aún así, el elemento web está seleccionado en el DOM y en la página web.

Simplemente haga clic derecho en el elemento para el que desea el xpath y verá un elemento de menú para copiarlo. Esto puede no haber existido cuando el OP hizo su publicación, pero ciertamente ahora está allí.

En Firebug en Firefox, puede hacer clic derecho en un elemento después de inspeccionarlo y elegir Copiar XPath. No pude hacer que ChromYQLip funcione sin problemas.

Puede intentar usar TruePath de Chrome Web Extension, que genera dinámicamente el XPath relativo al hacer clic derecho en la página web y mostrar todos los XPath como elementos de menú.

Ligeramente OT, pero quizás útil: en Mac Chrome, aunque no puede copiar el xpath fuera del cuadro de búsqueda en el panel de herramientas de desarrollo (en su lugar, copiar toma el nodo como HTML), puede arrastrar y soltar el texto en un editor externo.

Probé casi todas las extensiones disponibles y encontré que la siguiente es una de las mejores.

Enlace de extensión de ChroPath

Al igual que FirePath, esta extensión le proporciona directamente el Xpath cuando hace clic en Inspeccionar.

presione Cntl + Shift + C
seleccione el elemento que desea obtener XPathhaciendo clic en él
right clicken la parte resaltada en la consola
copy->copy XPath

Utilice esta extensión, genera xpaths en función de la identificación o la clase, que es probablemente lo que desea usar.

Haga clic en el icono del navegador, el panel se muestra en la esquina derecha de la página, luego haga clic en comenzar a inspeccionar, luego haga clic en cualquier elemento para obtener su xpath.

XPath Generator