Existe uma maneira de obter o xpath no Google chrome?
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
Carregue com o botão direito no nó = > "copiar o XPath"
A extensão auxiliar do XPath faz o que necessita: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl
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".
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.
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.
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/afXsaQXruNota: para as opções avançadas do xpath deve conhecer a regex ou padrão do seu html.
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
Pressione F12 para abrir DevTools cromados.
O painel de elementos deve ser aberto por padrão.
Carregue em Ctrl + F para activar a pesquisa DOM no painel.
Digite os selectores XPath ou CSS para avaliar.
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.
Do painel da consola
Pressione F12 para abrir DevTools cromados.
Muda para o painel de consola.
Escreva XPath como
$x(".//header")
para avaliar e validar.Escreva em selectores de CSS como
$$("header")
para avaliar e validar.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.
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.
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.
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.
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.
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.
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.