Como testar site responsivo no Google Chrome

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:

1. Uma vez aberta a página a ser testada, pressione “F12” ou clique com o botão direito e pressione “Inspecionar elemento”;
2. Clique no ícone de celular à esquerda e realize os testes;
3. 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

Crie site grátis!