> For the complete documentation index, see [llms.txt](https://docs.roboteasy.tech/studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.roboteasy.tech/studio/geral-1/obter-elemento-xpath-web.md).

# Obter Elemento Xpath WEB

## O que é um Xpath

É uma linguagem de consulta que te permite navegar entre os elementos de um documento estruturado, como XML ou HTML.&#x20;

## Identificando formato

A maioria das páginas criadas nos navegadores é feita com a estrutura HTML, mas como identificar esse formato para não ter dificuldades em buscar um elemento Xpath dentro dela?

Faça os seguintes passos:

1 - Abra a ferramenta de desenvolvedor (DevTools) dentro da página do seu navegador, clicando com o botão direito e selecionando "Inspecionar".

<figure><img src="/files/1xjf1KRRNh1epHV09lVy" alt=""><figcaption><p>Abrindo a ferramente de desenvolvedor dentro da página do navegador</p></figcaption></figure>

2 - Observe que a palavra \<!DOCTYPE html> sempre aparecerá acima de todo código indicando que ela é uma página do tipo HTML.

<figure><img src="/files/wQwhETV5WWQ2LzsPKCRN" alt=""><figcaption><p>DOCTYPE html = Tipo de Arquivo html</p></figcaption></figure>

{% hint style="info" %}
Todo navegador tem um comando diferente para abrir a ferramenta de desenvolvedor, por isso o mais fácil é clicar com o botão direito e selecionar "Inspecionar Elemento".
{% endhint %}

## Obter o Xpath de um elemento

Agora que verificamos se a página é do tipo HTML, vamos obter o Xpath de um elemento para depois utilizarmos em exemplo prático.

Abra a ferramenta de desenvolvedor (DevTools) e selecione o elemento "Estou com sorte"

<figure><img src="/files/NoKsZIeOnJgVYU6ZJ4NE" alt=""><figcaption><p>Selecionar Elemento Específico na página</p></figcaption></figure>

<figure><img src="/files/zmi77smegwz7KNTJUhwc" alt=""><figcaption><p>Obtendo XPATH do botão "Estou com sorte"</p></figcaption></figure>

XPATH obtido do botão:

<mark style="color:yellow;">/html/body/div\[1]/div\[3]/form/div\[1]/div\[1]/div\[4]/center/input\[2]</mark>

## Utilizando o Xpath

Dentro do STUDIO existem objetos que interagem com o navegador e necessitam de dados de busca para realizarem algum tipo de processo de automação dentro da página.&#x20;

Basta inserir o XPATH obtido dentro da caixa:

<figure><img src="/files/TbRnTrScldGsknu697bD" alt=""><figcaption><p>Objetos com Forma de Busca de Elementos WEB</p></figcaption></figure>

Existem outras formas de busca: Nome, ID, Nome da Classe, Seletor CSS, Contém Path. Sendo elas também visíveis quando inspeciona-se o elemento. &#x20;

{% hint style="info" %}
Recomendável uso do XPATH do elemento para maior precisão da automação.
{% endhint %}

## Exemplo

**Abrir navegador na página Google e clicar no botão "Estou com Sorte".**

Objetos utilizados:&#x20;

* [Abrir Navegador](/studio/geral-1/objetos/internet/navegacao-padrao/abrir-navegador.md): para abrir um navegador e acessar o Google.
* [Buscar Elementos](/studio/geral-1/objetos/internet/navegacao-padrao/buscar-elementos.md): para colocar o Xpath do Elemento e realizar uma ação.
* [Aguardar](/studio/geral-1/objetos/acoes-globais/aguardar.md): para ter tempo de esperar para a próxima ação.
* [Fechar Navegador](/studio/geral-1/objetos/internet/navegacao-padrao/fechar-navegador.md): para fechar o navegador e encerrar o processo.

<figure><img src="/files/9NHWGpSdtF8jrZsZCTeB" alt=""><figcaption><p>Configuração Robô Exemplo Obter Elemento Xpath</p></figcaption></figure>

**PASSO 1:** Configurar Abrir Navegador

<figure><img src="/files/RLxGbJyKlFiZUTQRM6io" alt=""><figcaption><p>Configuração Abrir Navegador</p></figcaption></figure>

**PASSO 2:** Configurar Buscar Elemento com XPATH do botão e ação CLICAR.

<figure><img src="/files/36MMsNYl8lbPSwP21Dq4" alt=""><figcaption><p>Configuração Buscar Elemento com XPATH e ação Clicar</p></figcaption></figure>

**PASSO 3:** Configurar Aguardar e Fechar Navegador.

<figure><img src="/files/oRZtKnW9SQkz9Ea5GDdI" alt=""><figcaption><p>Configuração Aguardar com Delay de três segundos</p></figcaption></figure>

<figure><img src="/files/fCwQoYiiBGhWK3Szjbzq" alt=""><figcaption><p>Configuração Fechar Navegador</p></figcaption></figure>

**PASSO 4:** Executar o robô e verificar as ações.

<figure><img src="/files/H2qsm3uElXymLbesWbUB" alt=""><figcaption><p>Execução Sucesso Robô Exemplo Obter Elemento Xpath</p></figcaption></figure>

## Baixar o Robô

{% file src="/files/KWBeDzXv2KAcsoDaVuTN" %}
