---
description: Como obter dentro de uma página do navegador um Elemento Xpath.
---

# 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="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2Fld6hO45C1LDzQfEaW6yT%2FAbrindo%20Devtools.gif?alt=media&#x26;token=d6959d29-8f83-4174-8e67-a3a6a66275b0" 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="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FPk5bSn6NBtjUwRoTo90L%2Fdoctype.PNG?alt=media&#x26;token=99f225ad-60ee-405f-a16d-1123aea6fab4" 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="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FNXKyQbv6PIQJHjSRr6im%2Fselecinaor%20xpth.PNG?alt=media&#x26;token=0a4cce56-977b-45ba-94bb-39271b025b70" alt=""><figcaption><p>Selecionar Elemento Específico na página</p></figcaption></figure>

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FIYmUtXBLg3NUHyScrlmA%2Fselecionando%20Xpath.gif?alt=media&#x26;token=34a721dc-3693-48ff-9b91-f64fb787aced" 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="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FFi3zg4AQkvH5AHg2RuRF%2Fforma%20de%20busca.PNG?alt=media&#x26;token=f45f6c01-f584-416a-a3b2-ed7fbef61645" 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](objetos/internet/navegacao-padrao/abrir-navegador): para abrir um navegador e acessar o Google.
* [Buscar Elementos](objetos/internet/navegacao-padrao/buscar-elementos): para colocar o Xpath do Elemento e realizar uma ação.
* [Aguardar](objetos/acoes-globais/aguardar): para ter tempo de esperar para a próxima ação.
* [Fechar Navegador](objetos/internet/navegacao-padrao/fechar-navegador): para fechar o navegador e encerrar o processo.

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2F0Kf8qQUkJsyT27pm8SBy%2Fconfigura%C3%A7%C3%A3o%20robo%20exemplo%20XPATH.PNG?alt=media&#x26;token=c4c2bf79-c3b4-4c2e-b39d-2e23580fd26b" alt=""><figcaption><p>Configuração Robô Exemplo Obter Elemento Xpath</p></figcaption></figure>

**PASSO 1:** Configurar Abrir Navegador

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2F3wW2QPJkyKtEHBAxZVeB%2Fconfigura%C3%A7%C3%A3o%20abrir%20navegador.PNG?alt=media&#x26;token=3c72812b-c1ee-4d4c-bb81-93be0cc804b9" 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="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FKiwHmfho3ql80lyjohV2%2Fconfigura%C3%A7%C3%A3o%20buscar%20elemento.PNG?alt=media&#x26;token=9504ddc8-7be3-4251-817a-6ceca93a426c" 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="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FuwBrUnfwwbGdEW5bg0eM%2Fconfigura%C3%A7%C3%A3o%20aguardar.PNG?alt=media&#x26;token=90542a05-0b2c-40d4-b392-dfec2808df0a" alt=""><figcaption><p>Configuração Aguardar com Delay de três segundos</p></figcaption></figure>

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FvnI21gTPlDcDNkCYtsak%2FConfigura%C3%A7%C3%A3o%20fechar%20navegador.PNG?alt=media&#x26;token=26a51b4e-4a9b-4054-87e2-366d23681ec0" alt=""><figcaption><p>Configuração Fechar Navegador</p></figcaption></figure>

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

<figure><img src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FTQtSLA0yLBfG5qJ7rrk2%2FExecu%C3%A7%C3%A3o%20sucesso%20robo%20exemplo%20XPATH.gif?alt=media&#x26;token=88f4203c-4a4f-4470-892e-1ef05a1b2f80" alt=""><figcaption><p>Execução Sucesso Robô Exemplo Obter Elemento Xpath</p></figcaption></figure>

## Baixar o Robô

{% file src="https://1906991432-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FABFcMeFxBJhKzVOwJbRE%2Fuploads%2FfRLbjEyM8VH68feiuHdo%2FObter%20Elemento%20Xpath%20-%20Rob%C3%B4%20Exemplo.roboteasy?alt=media&token=2fb2b7ed-3edb-4758-9d5a-12e740a90a62" %}
