Seu site em todas as telas.

Cole um link e compare celulares e tablets lado a lado, na mesma bancada. Direto no navegador do computador, sem instalar nada.

Sem um link agora? ou abra a bancada vazia.

02Aparelhosaté 3
Ver como funciona

No celular

Abra no computador

A bancada interativa precisa de uma tela maior. Copie o link e continue no navegador do computador.

Primeiros passos

Quatro fases, uma bancada.

Do link ao detalhe: veja a bancada funcionando antes de abrir. Clique em cada fase ou deixe a demonstração seguir sozinha.

Demonstração

O que dá para simular.

Cada aparelho da bancada tem medidas, recortes e barras próprios. Ligue as simulações no painel lateral.

  1. 01

    Safe area e recortes

    Guias e sombras mostram onde ficam notch, Dynamic Island e barras do sistema.

  2. 02

    Barras do navegador

    Safari expandido, compacto ou recolhido. Chrome e barras do Android.

  3. 03

    Teclado virtual

    Reserva o espaço do teclado: redimensionar, sobrepor ou deslocar o conteúdo.

  4. 04

    Retrato e paisagem

    Gire qualquer aparelho e confira como o layout se reorganiza.

  5. 05

    Texto ampliado

    Escalas de 100% a 300% para testar legibilidade e quebras.

    Com integração
  6. 06

    Claro, escuro e acessibilidade

    Preferência de cor, movimento reduzido, alto contraste e transparência reduzida.

    Com integração
  7. 07

    Dobráveis

    Galaxy Z Fold7 e Flip7, com posturas livro e mesa.

  8. 08

    App local

    Abra localhost com a porta do seu projeto e acompanhe as mudanças.

Antes de confiar na prévia

Limites honestos.

A bancada aproxima o que cada tela mostra. Para decisões importantes, confirme em aparelhos reais.

Ler os termos de uso
  • 01

    Aproximação visual

    Molduras, barras e recortes são presets. Eles mostram proporções e áreas reservadas, não reproduzem o aparelho.

  • 02

    Motor do seu navegador

    A prévia roda no navegador deste computador. Escolher Safari muda as barras desenhadas, não o motor.

  • 03

    Sites que bloqueiam iframe

    Alguns destinos impedem a abertura em iframe por CSP ou X-Frame-Options. Login e cookies também podem variar.

Vamos testar o seu site?

Cole o link, escolha os aparelhos e compare em segundos.

KirMoon

DEVICE LAB

Abra o Device Lab

Para continuar, ative o JavaScript e aceite os termos de uso. Se o painel de aceite não carregar, volte à KirMoon e tente novamente.

Voltar à KirMoon ↗
BANCADA DE DISPOSITIVOS——Verificando integração
Pronto
KIRMOON DEVICE LAB

Conectar um site

Cole uma URL pública ou o endereço do app rodando neste computador. A prévia abre no aparelho selecionado.

Como abrir um app local
  1. Inicie seu app e confira a URL no navegador.
  2. Cole o endereço acima, incluindo a porta.
  3. Se o navegador pedir acesso à rede local, conceda a permissão para abrir o app.

A conexão local depende das permissões e das regras do navegador. Se não abrir, use a versão local do Lab com node server.mjs.

A tela ficou vazia ou o login falhou?

Confira se o app está rodando, abra a URL numa aba e verifique a permissão de acesso local nas configurações deste site no navegador. Depois tente novamente.

O app precisa permitir ser aberto em iframe pela Kirmoon. CSP/frame-ancestors e X-Frame-Options podem bloquear a prévia. Cookies e login externo também dependem das regras do navegador. O Lab não consegue identificar com certeza todo bloqueio de outra origem.

Dados e limites da prévia

A versão web abre o site diretamente no navegador, sem enviar os arquivos do projeto. O destino pode receber cookies, dados técnicos e informações que você fornecer. Não cole senhas ou tokens na URL.

As molduras e barras são aproximações visuais. Insets e preferências no conteúdo exigem integração. Login isolado, limitação de rede e CPU precisam da versão local com proxy ou CDP; estão desativados nesta bancada web.

Encerrar conexão remove as prévias desta aba. Não encerra o servidor do app nem apaga cookies dos destinos.