Capturar páginas
A captura copia a tela como você vê (HTML, CSS, imagens e fontes) para dentro do projeto. Os scripts do site são removidos: o mock não chama o servidor real. Por isso menus e combos que dependiam de JavaScript precisam ser tornados funcionais depois.
Modos de captura (velocidade)
Escolha o modo no botão pequeno ao lado de Capturar (mostra Rápida, Completa ou Só imagem), na lista ao lado de Capturar página no navegador do app, ou em ⚙ Configurações → Captura.
| Modo | Quando usar | O que faz | Tempo* |
|---|---|---|---|
| Rápida (padrão) | Quase sempre | Tabelas e listas ficam com poucas linhas, o bastante para mostrar funcionando: com rolagem própria, o que aparece + 2; sem rolagem, cerca de 8. Vídeos viram a imagem de capa, sem baixar. | ~3 s |
| Completa | Quando precisa de todas as linhas, vídeos e imagens | Copia tudo o que der. | ~10–17 s |
| Só imagem | Telas que você não vai alterar | Salva só o print. A página aparece com o selo "só imagem" e pode ser anotada. | ~2 s |
* Numa página de teste pesada (400 linhas, 660 imagens, vídeo de 8 MB). Antes desta melhoria eram ~35 s.
Para ver um menu ou combo aberto com todos os itens, use Capturar estado. Ele sempre copia tudo, em qualquer modo.
Outras melhorias de velocidade, que valem para todos os modos:
- o app não espera mais um tempo fixo: começa assim que a página está pronta;
- as imagens vêm da memória do navegador, sem baixar de novo (bem mais rápido em VPN e em sistemas com login);
- imagens que o projeto já tem (logo, ícones, fontes) são reaproveitadas, então a segunda tela do mesmo sistema sai ainda mais rápido.
Ao terminar, a mensagem mostra quanto tempo levou e quantas linhas ficaram de fora.
Opção 1 — Pela URL (páginas públicas ou locais)
- Cole o endereço na barra do topo (ex.:
localhost:3000/clientesouhttps://site.com/pagina). - Clique em Capturar (ou pressione Enter).
- Uma janela de progresso mostra o andamento. Ao terminar, a página abre e entra na lista com um número.
Se cair numa tela de login, o app avisa. Para telas de dentro de sistemas, veja Sistemas com login.
Opção 2 — Navegar e capturar (recomendado para sistemas)
- Clique em Navegar e capturar no topo. Abre o navegador do app.
- Digite o endereço e pressione Enter para abrir (a barra fica amarela enquanto o endereço não foi aberto).
- Navegue normalmente (faça login, aplique filtros, abra abas).
- Clique em Capturar página (ou
Ctrl+Shift+S).
Dicas:
- O botão Capturar fica desativado enquanto não há página aberta.
- Se você digitou um endereço e não abriu, o app pergunta se quer abrir antes de capturar.
- Se a página ainda está carregando, o app avisa.
- O selo já capturada indica que essa tela já está no projeto. Para guardar um menu aberto dela, use Capturar estado.
- Destino: o seletor ao lado do botão diz onde a captura vai ficar: Projeto ou uma coleção da Biblioteca de telas (fica roxo, e o botão vira Guardar na biblioteca).
Depois de capturar
O app pergunta se quer tornar funcional agora. Para fazer isso sempre, ligue em ⚙ Configurações → Captura → Tornar funcional automaticamente após capturar.