Como testar seu site em diferentes resoluções de tela

Você está aqui: Home » Blog » Como testar seu site em diferentes resoluções de tela

Hoje vou ensinar como testar seu site em diferentes resoluções de tela com a ajuda do navegador Google Chrome de forma simples.

1.Primeiramente abra o site que você quer testar com o Navegador Google Chrome.

2.Clique com o botão direito do mouse na tela e clique em Inspecionar elementos.

3.Clique no Ícone com formato de celular no topo da tela que ira abrir.

icone-mobile

4.Após ter clicado no Ícone com formato de celular ira abrir uma tela com formato diferente, então vamos entender essa tela.

teste-compatibilidade-de-resolucao-tela

5.Na parte “Device” selecione em qual dispositivo você quer testar seu site.

6.Na parte de “Network” selecione a internet que o dispositivo que você selecionou em “Device” usa.

Exemplo: Se for um celular selecionar a internet de banda: “Regular 3g 750kbps 100ms RTT”

7.Lembrando que para ficar testando e preciso ficar Recarregando a página ou apertando F5.

 

0 Comentários

Deixe seu comentário

Anti-spam: 4 + 10 = 

Está precisando de nossos serviços? Solicite seu orçamento.