Como testar site responsivo no Google Chrome
Geral Chrome, design responsivo, dispositivos móveis, mobile, SEO, web design
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!