Skip to main content

Extensão Roberty para Chrome

A Extensão Roberty para Chrome permite capturar o seletor de qualquer elemento de uma página web com apenas dois cliques — sem precisar abrir o código-fonte ou entender HTML. O seletor capturado é copiado automaticamente e pode ser colado diretamente nas ações de navegador do Designer.

Pré-requisito

Este tutorial assume que você já sabe o que são elementos e seletores. Se não souber, leia primeiro: Elementos e seletores no navegador.


Instalando a extensão

1. Acesse a Chrome Web Store

Abra o Chrome e acesse a página da extensão:

Roberty — Chrome Web Store

2. Clique em "Usar no Chrome"

Na página da extensão, clique no botão Usar no Chrome (ou Add to Chrome).

3. Confirme a instalação

Uma janela de confirmação será exibida com as permissões necessárias. Clique em Adicionar extensão para confirmar.

4. Pronto

O ícone da Roberty aparecerá na barra de extensões do Chrome (canto superior direito). A extensão está instalada e pronta para uso.

Extensão não aparece na barra?

Clique no ícone de quebra-cabeça na barra do Chrome, localize a extensão Roberty na lista e clique no ícone de alfinete para fixá-la na barra.


Capturando um seletor

Com a extensão instalada, siga estes passos para capturar o seletor de qualquer elemento:

1. Abra a página no Chrome

Navegue até a página que contém o elemento que você quer capturar.

2. Clique com o botão direito sobre o elemento

Posicione o cursor sobre o elemento desejado (um botão, campo, link, etc.) e clique com o botão direito do mouse.

3. Selecione "Roberty Automation → Selecionar Elemento"

No menu de contexto que aparecer, clique em Roberty Automation e, no submenu, clique em Selecionar Elemento.

4. Mova o cursor para destacar o elemento

A extensão ativa um modo de seleção: ao mover o cursor pela página, cada elemento é destacado com uma sobreposição azul, indicando o que será capturado.

5. Clique sobre o elemento

Quando o destaque azul estiver sobre o elemento correto, clique sobre ele. Uma mensagem de confirmação aparecerá:

"O elemento foi copiado para a área de transferência! Você pode colar o seletor dentro das configurações do Roberty."

O seletor está copiado e pronto para uso.

Cancelar a seleção

Se quiser sair do modo de seleção sem capturar nenhum elemento, pressione Esc.


Usando o seletor no Designer

Após capturar o seletor, cole-o no campo Seletor do elemento da ação de navegador desejada.

Exemplo com a ação Clique no Navegador:

  1. No Designer, adicione (ou selecione) a ação Clique no Navegador.
  2. Em Selecione a ação, escolha Por navegador.
  3. Clique no campo Seletor do elemento.
  4. Cole o seletor capturado com Ctrl + V.

O robô usará esse seletor para localizar e interagir com o elemento na hora da execução.


Dicas de uso

Capture com a página no mesmo estado que o robô vai encontrar. Se um elemento só aparece após clicar em outro botão (um modal, por exemplo), abra o modal antes de capturar o seletor.

Se o seletor não funcionar, recapture. Sites atualizam seu código com frequência. Se uma ação de navegador começar a falhar, basta abrir a extensão novamente e capturar o elemento de novo.

A extensão funciona em qualquer aba do Chrome. Não há necessidade de configuração adicional — ela funciona automaticamente em todos os sites.


Próximos passos