Testar um site em diferentes resoluções de tela
2 min de leitura
Para experimentar a funcionalidade do seu site em várias resoluções de tela, recomendamos usar os dispositivos reais que você gostaria de testar, em vez de ferramentas externas. Se você não tiver acesso a determinados dispositivos nos quais gostaria de visualizar seu site, você pode usar o DevTools do Google Chrome para simulá-los.
Importante:
DevTools e outras ferramentas externas são emuladores e devem ser usados apenas como diretrizes para visualizar seu site em outros dispositivos. Não oferecemos suporte a emuladores externos, pois eles podem não representar com precisão a experiência de navegação completa do seu site.
Para testar seu site usando DevTools:
- Abra o navegador Google Chrome. Saiba como fazer download do Chrome.
- Clique no ícone Personalizar e controlar
no canto superior direito.
- Passe o mouse sobre Mais ferramentas e clique em Ferramentas de desenvolvedor.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2019/06/11/50cefaa1-145a-445e-ae3f-cf2c2bb75e1c/864d6185-b3ca-4f39-bc22-cbede49f4a49.png)
- Clique no ícone Barra de ferramentas do dispositivo
.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2019/06/10/9e8e85c6-b819-4ed1-9365-468c1841731b/2cef4da7-4e39-4f49-adf8-54ce795d8751.png)
- Clique no dropdown Responsivo e selecione um dispositivo para emular.
Observação: selecione Editar para emular um dispositivo não listado.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2019/06/10/3cff349f-2793-4bf0-b995-02578294b7ec/7b600367-b682-4365-8f7d-27e40615670a.png)
- Pressione F5 ou Ctrl + R no teclado para recarregar a página (pressione Cmd + R no Mac).
Confira o Wix Studio:
O Wix Studio é a plataforma ideal para freelancers e agências. Essa solução flexível completa inclui recursos de design inteligentes e ferramentas de desenvolvimento flexíveis que permitem entregar resultados excepcionais para clientes de qualquer setor.
Saiba mais sobre o Wix Studio:
- Confira nossa visita guiada que apresenta o novo Editor do Wix Studio.
- Faça o curso Wix Studio Essentials e assista a muitos vídeos e webinars sob demanda na Wix Studio Academy (em inglês).
- Participe do fórum da comunidade (em inglês) para perguntar e discutir qualquer assunto relacionado ao Wix Studio.
- Navegue pela Central de Ajuda do Wix Studio para obter todas as instruções e explicações que você precisa.