Como testar site responsivo no Google Chrome
Como testar site responsivo no Google Chrome
Aprenda como testar site responsivo diretamente no navegador do Google. Veja rapidamente como a página fica em diferentes tamanhos de tela ao seu gosto.
Em plena era dos dispositivos móveis, preparar o site para diferentes tamanhos de tela deixou de ser diferencial para transformar-se em obrigação. Para tal, umas das soluções mais viáveis é o design responsivo, ou seja, que se adapta à tela de celulares, tablets, computadores, etc.
Atenta a esse cenário e sempre inovadora, a Google passou a simular diferentes tamanhos de tela direto na Ferramenta do Desenvolvedor, disponível no Chrome. Desse modo, o usuário que cria site visando aos dispositivos móveis pode personalizar as medidas ou escolher modelos pré-definidos, como iPhone, iPad, Nexus e Galaxy, entre outros.
Aprenda a acessar a ferramenta:
- Uma vez aberta a página a ser testada, pressione “F12” ou clique com o botão direito e pressione “Inspecionar elemento”;
- Clique no ícone de celular à esquerda e realize os testes;
- Após selecionada a opção, atualize a página pressionando “F5”.
Temas WordPress responsivos grátis
A Site.com.br oferece gratuitamente modelos responsivos para você criar site acessível em mobile. Além disso, nosso blog possui artigos com várias dicas sobre o tema. Se quiser se aprofundar, acesse a lista abaixo.
Caso queira começar logo a criar seu site grátis com conta de e-mail e possibilidade de usar seu domínio próprio, escolha o seu tema!
- Design responsivo: saiba o que é e quais as suas vantagens
- Aumente as vendas otimizando seu site para dispositivos móveis
- Por que seu site deve priorizar usuários de dispositivos móveis
- Guia básico de otimização para mobile, mecanismos de busca e redes sociais
- Loja virtual: não perca vendas, otimize imagens para mobile