# Ferramentas de Desenvolvimento

Oferecemos ferramentas de desenvolvimento para ajudar os usuários a obter a Árvore de Visualização do Cloud Phone. Você pode se conectar ao nosso Cloud Phone e obter facilmente a estrutura e o conteúdo da Árvore de Visualização. Algumas informações necessárias, usadas em nós importantes durante a edição de modelos, dependem das propriedades dos elementos obtidas pela ferramenta de depuração.

## Passo 1: Selecionar Cloud Phone na Edição de Modelo

Ao criar ou modificar um modelo, clique em "Selecionar Cloud Phone" no canto superior direito.

## Passo 2: Abrir o Depurador do Cloud Phone

1. Após selecionar um Cloud Phone, abra-o no canto superior direito.
2. Após a inicialização do Cloud Phone, clique no botão  para entrar no Depurador.


img
br
img
## Como usar o Depurador?

1. **Modo Instantâneo**
2. Clique em "Criar Instantâneo" e a ferramenta de depuração salvará a árvore da interface do usuário da página atual do telefone na nuvem.
3. No modo instantâneo, ao passar o mouse sobre a tela do telefone na nuvem à esquerda, uma caixa vermelha será exibida e a árvore da interface do usuário à direita destacará o elemento DOM correspondente.
4. No modo de captura de tela, a página não é clicável para interação e os botões virtuais abaixo também são desativados.
5. **Fechar o Modo de Captura de Tela**
6. Clique no botão "Modo de Captura de Tela" no canto superior direito da ferramenta de depuração para fechar o modo de captura de tela.
7. Após fechar o modo de captura de tela, o telefone e os botões virtuais voltam a funcionar.


## Descrição das Propriedades do Elemento

- **X**: Posição do ponto central do elemento no eixo X.
- **Y**: Posição do ponto central do elemento no eixo Y.
- **bounds**: Coordenadas dos cantos superior esquerdo e inferior direito do elemento, por exemplo, `[789,96][1038,404]`.
- Nó relacionado: [Tap(x, y)](/pt/rparobotic-process-automation/03-node/01-simulation-operations/05-tap-x-y)
- **texto**: Conteúdo de texto visível no controle, geralmente o texto que o usuário pode ver diretamente.
- **fullID**: No desenvolvimento Android, os desenvolvedores definem IDs como `android:id="@+id/btn_submit"`. O fullID é a forma completa, incluindo o nome do pacote (por exemplo, `com.example.app:id/btn_submit`).
- **classe**: O nome da classe do sistema Android do controle, representando o "tipo" do controle (por exemplo, botão, caixa de texto, lista etc.).
- **desc**: Texto descritivo do controle, também chamado de "descrição do conteúdo", usado principalmente para acessibilidade (por exemplo, leitores de tela).
- Nós relacionados: [Encontrar Elemento](/pt/rparobotic-process-automation/03-node/01-simulation-operations/03-find-element), [Tocar em Elemento](/pt/rparobotic-process-automation/03-node/01-simulation-operations/04-tap-element)
- **pacote**: Um identificador único atribuído pelo sistema Android a cada aplicativo, geralmente no formato "domínio reverso + identificador do aplicativo" (por exemplo, `com.taobao.taobao`, `com.tencent.mm`). É essencialmente o "número do cartão de identificação" de cada aplicativo no dispositivo Android.
- Nó relacionado: [Iniciar APP](/pt/rparobotic-process-automation/03-node/01-simulation-operations/01-launch-app), [Fechar APP](/pt/rparobotic-process-automation/03-node/01-simulation-operations/02-close-app)