Existe uma maneira de obter o xpath no Google chrome?

Tenho uma página que quero usar com o YQL. Mas preciso do xpath de um item específico. Eu posso vê-lo na área de ferramentas de depuração para o google chrome, mas eu não vejo uma maneira de copiar esse xpath.

Há alguma maneira de copiar um xpath completo?

Author: Rob, 2010-06-13

14 answers

Pode usar $x na consola de javascript Chrome. Não são necessárias extensões.

Ex: $x("//img")

Também a caixa de pesquisa do inspector da web aceitará o xpath

 508
Author: Matt Polito, 2011-10-13 20:29:12

Carregue com o botão direito no nó = > "copiar o XPath"

 178
Author: zavidovych, 2012-12-14 19:02:35

Todas as respostas acima estão corretas aqui é outra maneira com a imagem também.

Do Cromado:

  1. carregue com o botão direito em "inspeccionar" o item que está a tentar encontrar o xpath
  2. carregue com o botão direito na área seleccionada na consola.
  3. Ir para copiar o xpath

enter image description here

 50
Author: CPU 100, 2017-02-12 22:44:03

A extensão auxiliar do XPath faz o que necessita: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

 25
Author: asadovsky, 2011-05-15 07:20:51

Não é necessária nenhuma extensão no cromado agora. Carregue com o botão direito em qualquer elemento para o qual deseja o xpath e carregue em "inspeccionar o elemento" e, de novo, dentro do Inspector, carregue com o botão direito no elemento e carregue em "copiar o Xpath".

 12
Author: deepdive, 2013-04-27 13:12:07

O XpathOnClick tem o que procura: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

Leia os comentários no entanto, na verdade leva três cliques para obter o xpath.

 9
Author: Burt, 2010-12-20 12:59:59

A partir da última actualização do chrome, poderá agora carregar em qualquer elemento do Inspector de elementos e copiar o XPath para a área de transferência.

 9
Author: Tricky, 2012-06-18 16:45:01

Deixe-me dizer-lhe uma fórmula simples para encontrar xpath de qualquer elemento:

1-site Aberto no navegador

2-Seleccione o elemento e carregue com o botão direito nele

3-Carregue na opção inspeccionar o elemento

4-carregue com o botão direito no html seleccionado

5-escolha uma opção para copiar o xpath Use-a onde quer que precise dele

Este link de vídeo será útil para si. http://screencast.com/t/afXsaQXru

Nota: para as opções avançadas do xpath deve conhecer a regex ou padrão do seu html.

 8
Author: Abdul Majeed, 2015-11-03 06:47:17

O Google Chrome oferece uma ferramenta de depuração incorporada chamada "DevTools Chrome " fora da caixa, que inclui uma funcionalidade útil que pode avaliar ou validar selectores de XPath/CSS sem quaisquer extensões de terceiros.

Isto pode ser feito por duas abordagens:

Utilize a função de pesquisa dentro do painel de elementos para avaliar os selectores XPath / CSS e realçar os nós correspondentes no DOM. Execute tokens $x ("some_ XPath") ou $$ $ ("selectores css") no painel de consola, que irá ambos avaliar e validar.

Do painel de elementos

  1. Pressione F12 para abrir DevTools cromados.

  2. O painel de elementos deve ser aberto por padrão.

  3. Carregue em Ctrl + F para activar a pesquisa DOM no painel.

  4. Digite os selectores XPath ou CSS para avaliar.

  5. Se houver elementos correspondentes, eles serão destacados no DOM. No entanto, se houver cadeias de caracteres correspondentes dentro do DOM, estas serão consideradas como resultados válidos também. Por exemplo, o cabeçalho do selector de CSS deve corresponder a tudo (CSS incorporado, scripts, etc.) que contém o cabeçalho da palavra, em vez de corresponder apenas aos elementos.

enter image description here

Do painel da consola

  1. Pressione F12 para abrir DevTools cromados.

  2. Muda para o painel de consola.

  3. Escreva XPath como $x(".//header") para avaliar e validar.

  4. Escreva em selectores de CSS como $$("header") para avaliar e validar.

  5. Verifique os resultados retornados da execução da consola.

Se os elementos forem combinados, serão devolvidos numa lista. Caso contrário, é apresentada uma lista vazia [].

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

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

Se o selector XPath ou CSS for inválido, será apresentada uma excepção no texto vermelho. Por exemplo:

$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.
 8
Author: Shubham Jain, 2017-10-06 08:23:53

Basta carregar com o botão direito no elemento para o qual deseja o xpath e irá ver um item do menu para o copiar. Isto pode não ter existido quando a operação fez o seu posto, mas certamente está lá agora.

 4
Author: RAAAAAAAANDY, 2012-11-11 21:43:14

No Firebug no Firefox, pode carregar com o botão direito num elemento depois de o inspeccionar e escolher copiar o XPath. Não consegui que o ChromYQLip funcionasse sem problemas.

 3
Author: Ivan, 2010-08-27 18:10:49

Ligeiramente OT, mas talvez útil: no Mac Chrome, ainda que não possa copiar o xpath para fora da caixa de pesquisa no painel de ferramentas Dev (em vez disso, o copy agarra o nó como HTML), poderá arrastar e largar o texto num editor externo.

 1
Author: Ben Weiner, 2012-03-30 15:43:00

Use esta extensão, ela gera xpaths com base em id ou classe, que é provavelmente o que você quer usar.

Clique no ícone do navegador, o painel é mostrado no canto direito da página, em seguida, clique em Iniciar inspecionar, em seguida, clique em qualquer elemento para obter o seu xpath.

Gerador XPath


O equivalente à solução de extensão Chrome acima é pluggable para Java project jar: Enquanto o Chrome fornece tanto XPath como selector, ambos tendem a atribuir por omissão " id " ou outros itens que mudam dinamicamente. A questão acima é impulsionada pela necessidade de confiar em atributos persistentes. https://www.burlingtonvisionandlab.com/Downloads/TuSqK231LashowXPathSE7HTML/showXPathSE1_7Table.html

O jar livre transferível irá mostrar um caminho mais longo com atributos de selecção de reacher para escolher.

 0
Author: ospider, 2018-03-08 13:55:56

Tentei quase todas as extensões disponíveis e achei o abaixo um dos melhores.

Ligação de extensão de ChroPath

Tal como fogo, esta extensão dá-lhe directamente o Xpath quando carregar em inspeccionar.

enter image description here

 0
Author: Harish Kannan, 2018-05-09 13:49:36