Usar o componente Java Script

Insira um JavaScript em uma página da Web usando o componente Java Script em Design studio de RPA para desktop. Use o componente para manipular o modelo de objeto de documento (DOM) do navegador, ler marcadores HTML ou definir marcadores HTML.

Antes de Iniciar

Função necessária: nenhuma

Por Que e Quando Desempenhar Esta Tarefa

As propriedades do componente JavaScript são comuns a outros componentes de IU de Ações. Para configurar essas propriedades, consulte Propriedades dos componentes de Ações (IU).

Procedimento

1. No painel Caixa de ferramentas, navegue até Ações (IU) > Java script.
2. Arraste o componente Java Script para a superfície Design.
3. No componente Java Script, clique no ícone da câmera ( ).
   A mensagem Pressione "CTRL+SHIFT" para selecionar é exibida.
4. Pressione as teclas Ctrl + Shift.
   O dispositivo do mouse se transforma em um ícone cruzado ( ).
5. Arraste o mouse sobre a parte da aplicação em que o componente executará uma ação e solte o mouse.
   A área selecionada é capturada como uma imagem no componente Java Script.
6. Arraste o ícone de mais verde ( ) sobre a imagem capturada e coloque-o no local onde o componente executará uma ação.
7. Opcional: Adicione uma âncora à imagem capturada executando as seguintes ações:
   Uma âncora é um identificador exclusivo que permite que o componente Java Script identifique a aplicação em que o componente executará uma ação. Embora adicionar uma âncora seja uma boa abordagem, ela é opcional. Se você não adicionar uma âncora, o componente Java Script tratará toda a imagem capturada como uma âncora. Para saber mais sobre a âncora, veja como usar Âncora.
   1. No componente Java Script, clique com o botão direito do mouse na imagem e clique em Adicionar âncora.
   2. Para identificar a parte da imagem do componente Java Script, arraste e coloque a âncora no local exclusivo da imagem.
      Dica:

      Para alterar as dimensões da âncora, posicione o dispositivo do mouse ao longo da borda da âncora até que o dispositivo do mouse se transforme em uma seta de dois lados ( ) e arraste a âncora.

8. Na barra do componente Java Script, clique no ícone de configurações do componente ( ).
9. Na janela JAVA SCRIPT EDITOR, adicione o JavaScript personalizado sob o título JAVA SCRIPT.
10. Opcional: Para adicionar um parâmetro, execute as seguintes ações:
    1. No título PARÂMETROS, clique no ícone de adicionar parâmetro ( ).
    2. Defina o tipo de dados do parâmetro.
       Uma porta de entrada de dados é adicionada a cada conjunto de tipos de dados de parâmetro de dados.
    3. Defina o tipo de dados de saída no título TIPO DE RETORNO.
11. Para fechar a janela do JAVA SCRIPT EDITOR, clique em OK.
12. Opcional: Para configurar as entradas, consulte Configurar propriedades da porta.
    Nota:

    As portas Data In serão exibidas somente se você definir parâmetros na janela JAVA SCRIPT EDITOR.
13. Opcional: Para configurar como o campo de saída mostrará a saída, consulte Configurar propriedades da porta de saída.
14. Conecte as portas de dados e de controle do componente Java Script às portas correspondentes dos outros componentes, conforme descrito na tabela a seguir.

    Tipo da porta	Nome da porta	Tipo de dados	Finalidade da conexão	Obrigatório?
    Saída de dados	Retornar	Objeto	Retorna a saída do JavaScript.	Não aplicável

15. Opcional: Para testar o componente, clique com o botão direito do mouse na barra do componente e clique em Executar a partir daqui.