Veja qualquer site na tela de um celular
Digite o endereço de um site e escolha um celular. A página abre dentro de uma moldura com o tamanho de tela real desse aparelho e uma barra de navegador mobile, então layouts responsivos mudam exatamente como no celular.
Seu site aparecerá aqui
A extensão faz isso muito melhor
A ferramenta online serve para uma olhada rápida. A extensão do Chrome faz o mesmo no seu próprio navegador, sem os limites de uma moldura: qualquer site abre, com um user agent mobile real e os parâmetros de tela do aparelho.
Ferramenta online x extensão
O que muda quando a mesma visualização roda dentro do seu navegador.
| Ferramenta online | Extensão | |
|---|---|---|
| Sites que proíbem a incorporação | Não são exibidos, explicamos o motivo | Abrem normalmente |
| User agent mobile | O do seu navegador de desktop, só a largura muda | User agent mobile real |
| Densidade de pixels e toque | Só o tamanho da tela | Tamanho, densidade de pixels e pontos de toque emulados |
| localhost e http simples | Indisponíveis | Funcionam |
| Logins e cookies | Muitas vezes limitados dentro de uma moldura | Se comportam como em uma aba normal |
| Dois dispositivos e capturas | Não | Dois dispositivos lado a lado, captura com um clique |
Por que um site pode parecer diferente aqui
- A moldura roda no seu navegador de desktop. Layouts que se adaptam à largura se comportam exatamente como no dispositivo, mas sites que escolhem a versão mobile no servidor podem mostrar a versão desktop.
- Alguns sites proíbem ser incorporados. Detectamos isso e explicamos, em vez de mostrar uma moldura vazia.
- Logins, avisos de cookies e widgets incorporados podem se comportar de outra forma, porque os navegadores restringem cookies e armazenamento dentro de molduras.
- Não há toque nem o desempenho de um celular real. Confirme os fluxos importantes em um dispositivo real.
- Páginas em localhost, atrás de login ou em http simples precisam da Mobile View Extension.