Teste a aparência de um site no celular com o navegador Chrome

De Admin

Ter um site que funcione bem em todas as plataformas é extremamente 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 você pode testar a versão mobile do site diretamente no seu navegador Chrome. Aqui estão as etapas para fazer isso.

Etapa 1 - Em primeiro lugar, 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 clicar em Mais ferramentas -> Ferramentas do desenvolvedor.

Console do desenvolvedor Chrome

Passo 3 - Agora, pressione CTRL + Shift + M. Você também pode clicar no ícone de alternância conforme mostrado.

Resolução para celular Chrome

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

Aqui está uma versão móvel do meu site Merabheja.comFerramentas do desenvolvedor do Chrome para versão móvel

Passo 4 - Basta clicar no nome do modelo do celular para alterar o modelo do celular com diferentes resoluções.

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

Adicionar resolução personalizada

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 Adicionar dispositivo personalizado.

Adicionar resolução de dispositivo personalizada

Assim, desta forma, você pode testar a versão móvel de sites usando o Chrome e sem qualquer extensão.

Arquivado em: cromada

Como acelerar o Google Chrome no Windows 10/11

Como acelerar o Google Chrome no Windows 10/11Windows 10Windows 11Cromada

O navegador Chrome desenvolvido pelo Google é um dos melhores navegadores entre todos os outros navegadores. É usado principalmente por sua interface do usuário sensata e visualização organizada. O...

Consulte Mais informação
Como corrigir o Google Tradutor não está funcionando no Chrome no Windows 10/11

Como corrigir o Google Tradutor não está funcionando no Chrome no Windows 10/11Cromada

O Chrome possui um módulo integrado do Google Tradutor que ajuda a melhorar a experiência de navegação do usuário. Quando você procura informações na internet e encontra algo que parece apropriado,...

Consulte Mais informação
Como corrigir vídeos verdes e roxos no Google Chrome

Como corrigir vídeos verdes e roxos no Google ChromeCromada

O Google Chrome é um navegador popular que é amado e apreciado pelos usuários. No entanto, muitos usuários relataram ter visto um bug enquanto assistiam aos vídeos em plataformas de mídia social co...

Consulte Mais informação