¿Hay alguna manera de obtener xpath en google chrome?

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

¿Hay alguna manera de copiar un xpath completo?

Puede usar $x en 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 de 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

enter image description here

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

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

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

Sin embargo, lea los comentarios, en realidad lleva tres clics obtener el xpath.

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

Deje que le 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 de elemento de inspección

4- Haga clic derecho en html seleccionado

5- elija la opción para copiar xpath. Úselo donde lo necesite

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

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

Google Chrome proporciona una herramienta de depuración integrada llamada ” Chrome DevTools ” lista para usar , que incluye una práctica función que puede evaluar o validar los selectores de 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 selectores de XPath / CSS y resalte los nodos coincidentes en el DOM. Ejecute los tokens $ x (“some_xpath”) o $$ (“css-selectores”) en el panel de la Consola, que los evaluará y validará.

Desde el panel de 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 de XPath o CSS para evaluar.

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

enter image description here

Desde el panel de consola

  1. Presione F12 para abrir Chrome DevTools.

  2. Cambia al panel de consola.

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

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

  5. Verifique los resultados devueltos por 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") [
] $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. 

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

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

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

Use esta extensión, genera xpaths basados ​​en id o class, que es probablemente lo que quiere usar.

Haga clic en el icono del navegador, el panel se muestra en la esquina derecha de la página, luego haga clic en iniciar inspección, luego haga clic en cualquier elemento para obtener su xpath.

Generador XPath


Equivalente a la solución de Chrome Extension anterior se puede conectar al contenedor de proyectos de Java: mientras que Chrome proporciona tanto XPath como selector, ambos tienden a establecer de forma predeterminada el atributo “id” u otros elementos dinámicamente cambiantes. La pregunta anterior está motivada por la necesidad de confiar en atributos persistentes. https://www.burlingtonvisionandlab.com/Downloads/TuSqK231LashowXPathSE7HTML/showXPathSE1_7Table.html

El jar gratuito descargable mostrará una ruta más larga con los atributos de selección de reacher para elegir.

Intenté casi todas las extensiones disponibles y encontré el siguiente para ser uno de los mejores.

Enlace de la extensión ChroPath

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

enter image description here