Teste como um site parece no celular com o navegador Chrome

Teste como um site parece no celular com o navegador Chrome

Ter um site que funciona bem em todas as plataformas é ultra necessário na era de hoje. Existem muitas ferramentas online para testar um site em diferentes resoluções. Mas você sabe que não precisa de nenhuma ferramenta online ou offline e pode testar a versão móvel do site dentro do seu navegador Chrome. Aqui estão as etapas para fazer isso.

Etapa 1 - Antes de tudo, abra qualquer site no navegador Chrome.

Etapa 2 - agora pressione Ctrl + Shift + i para abrir o console.

Você também pode abrir em três pontos no canto superior direito e depois clicar em Mais ferramentas -> Ferramentas de desenvolvedor.

Etapa 3 - agora, pressione Ctrl + Shift + M . Você também pode clicar no ícone de alternar como mostrado.

Seu site agora será mostrado na resolução móvel no navegador Chrome.

Aqui está uma versão móvel do meu site Merabheja.com

Etapa 4 - basta clicar no nome do modelo móvel para alterar o modelo móvel com diferentes resoluções.

Etapa 5 - Para ver seu site em uma resolução ou dispositivos personalizados, não na lista, clique em editar.

Etapa 6 - Escolha seu dispositivo em uma longa lista de diferentes celulares. Ou se você deseja uma resolução personalizada (ou seu telefone não está na lista), basta clicar em Adicione um dispositivo personalizado.

Assim, dessa maneira, você pode testar a versão móvel dos sites usando o Chrome e sem qualquer extensão.