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

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

Como testar seu site em diferentes resoluções de tela
5 (100%) 4 votes


Nova publicação escrita por em
Url da postagem:

Como testar o seu site em diferentes resoluções de tela com a ajuda do navegador Google Chrome de forma simples. Teste Site responsivo. Teste versões para Dispositivos móveis. Abre em celular(mobile).


Como testar seu site em diferentes resoluções de tela
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.