Existe uma maneira de obter o XPath no Google Chrome?

Eu tenho uma página da web 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 do Google Chrome, mas não vejo uma maneira de copiar esse XPath.

Existe uma maneira de copiar um XPath completo?

Você pode usar $xno console javascript do Chrome. Não são necessárias extensões.

ex: $x("//img")

Além disso, a caixa de pesquisa no inspetor da web aceita o xpath

Clique com o botão direito do mouse no nó => "Copy XPath"

Todas as respostas acima estão corretas aqui também é uma outra maneira com a captura de tela.

No Chrome:

1. Clique com o botão direito do mouse em "inspecionar" no item que você está tentando encontrar no xpath
2. Clique com o botão direito do mouse na área destacada no console.
3. Vá para Copiar xpath

A extensão XPath Helper faz o que você precisa: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

Nenhuma extensão necessária no chrome agora. Clique com o botão direito do mouse em qualquer elemento para o qual você deseja o xpath e clique em "Inspecionar Elemento" e, novamente, dentro do Inspetor, clique com o botão direito do mouse no elemento e clique em "Copiar Xpath".

O Google Chrome fornece uma ferramenta de depuração interna chamada " Chrome DevTools " pronta para uso, que inclui um recurso útil que pode avaliar ou validar seletores XPath / CSS sem extensões de terceiros.

Isso pode ser feito por duas abordagens:

Use a função de pesquisa dentro do painel Elementos para avaliar os seletores XPath / CSS e destacar nós correspondentes no DOM. Execute os tokens $ x ("some_xpath") ou $$ ("css-selectors") no painel Console, que avaliarão e validarão.

No painel Elementos

1. Pressione F12 para abrir o Chrome DevTools.

2. O painel Elementos deve ser aberto por padrão.

3. Pressione Ctrl + F para ativar a pesquisa do DOM no painel.

4. Digite XPath ou seletores CSS para avaliar.

5. Se houver elementos correspondentes, eles serão destacados no DOM. No entanto, se houver seqüências correspondentes no DOM, elas também serão consideradas como resultados válidos. Por exemplo, o cabeçalho do seletor de CSS deve corresponder a tudo (CSS embutido, scripts etc.) que contém o cabeçalho da palavra, em vez de corresponder apenas aos elementos.

No painel do console

1. Pressione F12 para abrir o Chrome DevTools.

2. Alterne para o painel Console.

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

4. Digite seletores CSS como $$("header")para avaliar e validar.

5. Verifique os resultados retornados da execução do console.

Se os elementos corresponderem, eles serão retornados em uma lista. Caso contrário, uma lista vazia [] é exibida.

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

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

Se o seletor XPath ou CSS for inválido, uma exceção será mostrada em texto em 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.

Vamos lhe dizer uma fórmula simples para encontrar xpath de qualquer elemento:

1- Abrir site no navegador

2- Selecione o elemento e clique com o botão direito nele

3- Clique na opção inspecionar elemento

4- Clique com o botão direito do mouse no html selecionado

5- escolha a opção para copiar o xpath Use-o sempre que precisar

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

Nota: Para opções avançadas do xpath, você deve conhecer o regex ou o padrão do seu html.

xpathOnClick tem o que você está procurando: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

Leia os comentários, porém, são necessários três cliques para obter o xpath.

A partir da atualização mais recente do chrome, agora você pode clicar em qualquer elemento no inspetor de elementos e copiar o XPath para a área de transferência.

Para o Chrome, por exemplo:

1. Clique com o botão direito do mouse em "inspecionar" no item que você está tentando encontrar no XPath.
2. Clique com o botão direito do mouse na área destacada no DOM HTML.
3. Vá para Copiar> selecione 'Copiar XPath'.
4. Após a etapa acima, você obterá o XPath absoluto do elemento do DOM.
5. Você pode fazer alterações para torná-lo XPath relativo (porque, se o DOM for alterado, o XPath ainda poderá encontrar o elemento).

uma. Para fazer isso, abrindo o painel 'Elementos' do navegador, pressione CTRL + F e cole o XPath.

b. Faça as alterações conforme descrito no exemplo a seguir.

Xpath absoluto = // * [@ id = "app"] / div [1] / cabeçalho / nav / div [2] / ul / li [2] / div / botão

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

Quando você faz alterações:

1. verifique se o XPath é exclusivo no DOM.
2. o elemento da web ainda está selecionado no DOM e na página da web.

Basta clicar com o botão direito do mouse no elemento para o qual você deseja o xpath e você verá um item de menu para copiá-lo. Isso pode não ter existido quando o OP fez seu cargo, mas certamente está lá agora.

No Firebug no Firefox, você pode clicar com o botão direito do mouse em um elemento após inspecioná-lo e escolher Copiar XPath. Não consegui que o ChromYQLip funcionasse sem problemas.

Você pode tentar usar o TruePath da Extensão da Web do Chrome, que gera dinamicamente o XPath relativo com o botão direito do mouse na página da web e exibe todo o XPath como itens de menu.

Ligeiramente OT, mas talvez útil: no Mac Chrome, embora você não possa copiar o xpath da caixa de pesquisa no painel Ferramentas do desenvolvedor (em vez disso, a cópia agarra o nó como HTML), você pode arrastar e soltar o texto em um editor externo.

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

Link de extensão do ChroPath

Assim como o FirePath, esta extensão fornece diretamente o Xpath quando você clica em Inspecionar.

pressione Cntl + Shift + C
selecione o elemento que deseja obter XPathclicando na
right clickparte destacada no console
copy->copy XPath

Use esta extensão, ela gera xpaths com base no ID ou na classe, que provavelmente é o que você deseja usar.

Clique no ícone do navegador, o painel é mostrado no canto direito da página, clique em iniciar inspeção e clique em qualquer elemento para obter seu xpath.

XPath Generator