Como posso verificar meu XPath?

Estou usando a ferramenta Chrome Developers para inspecionar os elementos e formar meu XPath. Eu o verifico usando o plugin XPath Checker do Chrome, mas nem sempre isso me dá o resultado. Qual é a melhor maneira de verificar meu XPath.

Também tentei usar o Firebug para inspecionar o bug e também o FirePath para verificar. Mas o Firepath também verifica o XPath.

Minha última opção seria usar o Selenium WebDriver para confirmar meu XPath.

cromada

Isso pode ser alcançado por três abordagens diferentes (consulte o artigo do meu blog aqui para obter mais detalhes):

• Pesquise no Elementspainel como abaixo
• Executar $x()e $$()no Consolepainel, conforme mostrado na resposta de Lawrence
• Extensões de terceiros (não são realmente necessárias na maioria dos casos, podem ser um exagero)

Aqui está como você pesquisa XPath no Elementspainel:

1. Pressione F12para abrir a Ferramenta de desenvolvedor do Chrome
2. No painel "Elementos", pressione Ctrl+F
3. Na caixa de pesquisa, digite XPath ou CSS Selector, se forem encontrados elementos, eles serão destacados em amarelo.

Firefox (desde a versão 75)

Como o FF 75 é possível usar a consulta xpath bruta sem expressões xpath de avaliação, consulte a documentação para obter mais informações.

Firefox (versão anterior 75)

1. Selecione "Console da Web" no submenu Desenvolvedor da Web no menu Firefox (ou no menu Ferramentas se você exibir a barra de menus ou estiver no Mac OS X)
   ou pressione o atalho do teclado Ctrl+ Shift+ K( Command+ Option+ Kno OS X).

2. Na linha de comando na parte inferior, use o seguinte:

   • $(): Retorna o primeiro elemento que corresponde. Equivalente a document.querySelector()ou chama a $função na página, se existir.

   • $$(): Retorna uma matriz de nós DOM que correspondem. É como para document.querySelectorAll(), mas retorna uma matriz em vez de a NodeList.

   • $x(): Avalia uma expressão XPath e retorna uma matriz de nós correspondentes.

Firefox (versão anterior 49)

1. Instale o Firebug
2. Instalar Firepath
3. Pressione F12para abrir o Firebug
4. Mudar para o FirePathpainel
5. No menu suspenso, selecione XPathor CSS
6. Digite para localizar

Você pode abrir o DevTools no Chrome com CTRL+IWindows (ou CMD+IMac) e Firefox com F12, selecionar a Consoleguia) e verificar o XPath digitando $x("your_xpath_here").
Isso retornará uma matriz de valores correspondentes. Se estiver vazio, você sabe que não há correspondência na página.

Firefox v66 (abril de 2019):

Chrome v69 (abril de 2019):

Usando chrome ou Opera

sem plugins, sem escrever nenhum caractere de sintaxe XPath

1. clique com o botão direito do mouse no elemento necessário e "inspecione"
2. clique com o botão direito do mouse na tag do elemento destacado, escolha copiar> Copiar Xpath.

;)

Aqui está a extensão ChroPath para Chrome, que possui muitos recursos avançados em comparação com o FirePath. Siga as etapas abaixo:

1. Abra o painel devtools.
2. Clique com o botão direito do mouse em qualquer lugar da página da web.
3. Clique em Inspecionar.
4. No lado direito da guia Elementos, clique na guia ChroPath.

Aqui você obterá o XPath / CSS e também poderá editá-lo e avaliá-lo.

Faça o download do complemento

Outra opção para verificar seu xpath é usar o selenium IDE.

1. Instale o IDE do Firefox Selenium
2. Abra seu aplicativo no FireFox e abra o IDE
3. No IDE, em uma nova linha, cole seu xpath no destino e clique em Localizar. O elemento correspondente seria destacado em seu aplicativo

Verifico os seletores XPath e Css usando a extensão WebSync Chrome .

Ele oferece a possibilidade de verificar seletores e também de gerar / modificar seletores clicando nos atributos do elemento.

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac