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.
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:
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.
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.
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:
- No Designer, adicione (ou selecione) a ação Clique no Navegador.
- Em Selecione a ação, escolha Por navegador.
- Clique no campo Seletor do elemento.
- 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
- Elementos e seletores no navegador — entenda o que são elementos e como os seletores funcionam
- Catálogo de Ações — Navegador — todas as ações disponíveis para automação web