Como usar o emulador de navegador móvel no Chrome, Firefox, Edge e Opera

Você precisa acessar um emulador de navegador de smartphone em seu PC para testar a versão móvel de um site de seu interesse? Talvez você seja um desenvolvedor web ou queira se tornar um e precise simular um navegador móvel para o projeto em que está trabalhando. Independentemente dos seus motivos, veja como acessar um emulador de navegador móvel no Google Chrome, Mozilla Firefox, Microsoft Edge e Opera:

Conteúdo

  1. Como ativar e usar o emulador de navegador móvel no Google Chrome
  2. Como ativar e usar o emulador de navegador móvel no Mozilla Firefox
  3. Como ativar e usar o emulador de navegador móvel no Microsoft Edge
  4. Como ativar e usar o emulador de navegador móvel no Opera
  5. Você está satisfeito com as opções de emulação de navegador móvel disponíveis?

Como ativar e usar o emulador de navegador móvel no Google Chrome

No Google Chrome, navegue até o site que deseja visualizar no emulador de navegador móvel. Em seguida, pressione as teclas CTRL + SHIFT + I no teclado ou, com o mouse, clique nos três pontos verticais no canto superior direito para abrir o menu “Personalizar e controlar o Google Chrome” . Escolha Mais ferramentas, seguido por Ferramentas do desenvolvedor .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acesse as ferramentas do desenvolvedor no Google Chrome

Clique ou toque no botão “Alternar barra de ferramentas do dispositivo” (parece um smartphone ao lado de um tablet) ou pressione CTRL + Shift + M no teclado. Isso ativa a barra de ferramentas do dispositivo onde a página móvel é carregada. Por padrão, a barra de ferramentas do dispositivo usa um modelo responsivo para o site que você carregou. Clique nele e escolha o dispositivo móvel que você deseja emular. Suas opções incluem muitos iPhones, iPads, Surface Duo, dois dispositivos Samsung Galaxy e um simulador de navegador móvel Moto G4 para PC.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Como ativar o emulador de navegador móvel no Google Chrome

DICA: Infelizmente, você pode usar o atalho de teclado CTRL + Shift + M somente depois de habilitar as ferramentas do desenvolvedor.

Navegue no site que deseja testar, alterne entre os diferentes smartphones e tablets e veja como fica. Quando terminar, pressione o botão X (Fechar) no canto superior direito das ferramentas de desenvolvedor do Google Chrome para voltar ao modo de navegação padrão da área de trabalho.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Fechando o emulador de navegador móvel Google Chrome

DICA: se você for um usuário frequente do Google Chrome, também poderá aprender a usar as opções de controle de mídia do Google Chrome .

Como ativar e usar o emulador de navegador móvel no Mozilla Firefox

No Mozilla Firefox, abra o site para o qual você deseja usar um simulador de navegador móvel. Em seguida, pressione CTRL + Shift + M no teclado ou clique no botão de hambúrguer no canto superior direito para abrir o menu do Firefox e escolha Web Developer .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acesse as ferramentas do desenvolvedor da Web no Firefox

Você vê um menu cheio de ferramentas que são úteis para desenvolvedores da web. Na lista, selecione “Modo de design responsivo” e esse modo específico de visualização de uma página da Web é carregado no Firefox.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Escolha o modo de design responsivo no Firefox

O Firefox ativa o modo de design responsivo . Na parte superior da janela, você vê os parâmetros usados ​​por este modo de emulação. Se nenhum dispositivo estiver selecionado, clique ou toque em Responsivo para abrir uma lista suspensa com dispositivos disponíveis para emulação e escolha aquele que você deseja simular.

Você pode simular o navegador móvel para muitos iPhones, iPad, Kindle Fire (o Firefox é o único navegador que oferece essa opção de emulação) e dispositivos Samsung Galaxy S9.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Use o emulador de navegador móvel no Firefox

Quando terminar de testar com o emulador de navegador do smartphone, pressione o botão X (Fechar modo de design responsivo) no canto superior direito do Mozilla Firefox.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Feche o emulador de navegador móvel no Firefox

Você está de volta ao modo de navegação padrão da área de trabalho.

Como ativar e usar o emulador de navegador móvel no Microsoft Edge

O Microsoft Edge usa o mesmo mecanismo de renderização do Google Chrome e oferece os mesmos emuladores de navegador de smartphone. Para acessá-los, visite o site que você deseja testar e pressione as teclas CTRL + SHIFT + I no teclado ou clique nos três pontos horizontais ( “Configurações e mais” ) no canto superior direito do Microsoft Edge. No menu que aparece, vá para Mais ferramentas e depois para Ferramentas do desenvolvedor .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acesse as ferramentas do desenvolvedor no Microsoft Edge

Clique no botão “Alternar emulação de dispositivo” (parece um smartphone ao lado de um tablet) ou pressione CTRL + Shift + M no teclado. Isso ativa a barra de ferramentas do emulador do navegador móvel. Por padrão, ele usa um modelo responsivo para o site que você carregou. Clique nele e escolha o dispositivo móvel que você deseja emular. Suas opções incluem os mesmos smartphones e tablets do Google Chrome.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acesse o emulador de navegador móvel no Microsoft Edge

Navegue no site que deseja testar, alterne entre os diferentes dispositivos móveis e veja como fica. Quando terminar, pressione o botão X (Fechar) no canto superior direito do Microsoft Edge.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Feche o emulador de navegador móvel no Microsoft Edge

Agora você está de volta ao modo de navegação padrão da área de trabalho.

Como ativar e usar o emulador de navegador móvel no Opera

No Opera, visite a página da Web que você deseja visualizar como se estivesse usando um dispositivo móvel. Em seguida, clique no ícone do Opera no canto superior esquerdo ( “Personalizar e controlar o Opera” ). No menu que se abre, escolha Desenvolvedor seguido de Ferramentas do desenvolvedor . Se preferir o teclado, pressione as teclas CTRL+Shift+I para obter o mesmo resultado.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acesse as ferramentas do desenvolvedor no Opera

As ferramentas do desenvolvedor são exibidas no lado direito da janela do navegador. Clique no botão “Alternar barra de ferramentas do dispositivo” (parece um smartphone ao lado de um tablet) ou pressione CTRL + Shift + M no teclado. A barra de ferramentas do dispositivo é mostrada à esquerda. Por padrão, ele usa um modelo responsivo para o site que você carregou. Clique nele e escolha o dispositivo móvel que você deseja emular na lista de opções. O Opera oferece os mesmos emuladores de navegador móvel que o Google Chrome e o Microsoft Edge, pois é baseado no mesmo mecanismo de renderização (Chromium).

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acesse o emulador de navegador móvel no Opera

Quando terminar de testar, pressione o botão X (Fechar) no canto superior direito para voltar ao modo de navegação padrão da área de trabalho.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Feche o emulador de navegador móvel no Opera

Você está satisfeito com as opções de emulação de navegador móvel disponíveis?

Agora você sabe como emular todos os tipos de dispositivos móveis em seu navegador favorito. No entanto, você pode notar que a maioria dos navegadores da Web oferece as mesmas opções de emulação que favorecem iPhones e iPads. Se você deseja emular um smartphone ou tablet Android moderno, suas chances são bem pequenas, mesmo no Google Chrome - o navegador desenvolvido pela empresa por trás do Android. Se você deseja os melhores resultados, talvez seja necessário usar dois navegadores para esta tarefa: Chrome e Firefox, ou Firefox e Edge ou Opera. Antes de ir, diga-nos o que pensa sobre as opções disponíveis.

Sign up and earn $1000 a day ⋙

Como descobrir quem deixou de te seguir no Instagram

Como descobrir quem deixou de te seguir no Instagram

Mesmo que o Instagram notifique você sempre que outro usuário segue você, você não saberá se alguém deixou de segui-lo, a menos que verifique seu perfil. Enquanto

Como entrar em contato com o atendimento ao cliente da Amazon

Como entrar em contato com o atendimento ao cliente da Amazon

Você precisa de ajuda com um problema relacionado à Amazon e não sabe com quem entrar em contato? Descubra todas as maneiras de entrar em contato com o Suporte ao Cliente Amazon.

Como adicionar novo usuário no HubSpot

Como adicionar novo usuário no HubSpot

Se você está iniciando ou expandindo um negócio, precisa de uma maneira eficaz de gerenciar diferentes equipes e departamentos, compartilhar informações, gerenciar o fluxo de trabalho e

Como saber quando alguém foi visto pela última vez no Snapchat

Como saber quando alguém foi visto pela última vez no Snapchat

O Snapchat se orgulha de ser a plataforma de mídia social mais honesta que existe. Ele oferece recursos e informações que a maioria dos aplicativos sociais não oferece, como quem

Como encontrar amigos excluídos no Snapchat

Como encontrar amigos excluídos no Snapchat

Se alguém está incomodando você no Snapchat ou você acha as fotos desinteressantes, uma opção que você tem além de bloqueá-lo é removê-lo do seu

Snapchat: como ver quem bloqueou você

Snapchat: como ver quem bloqueou você

Se você usa muito o Snapchat, pode ter se deparado com um usuário que fez algo que te irritou ou chateou. Infelizmente, esta é uma ocorrência comum nas redes sociais. Mas

Como desligar o envelhecimento no Sims 4

Como desligar o envelhecimento no Sims 4

Como no mundo real, suas criações no Sims 4 acabarão envelhecendo e morrendo. Os Sims envelhecem naturalmente em sete fases da vida: Bebê, Criança Pequena, Criança, Adolescente,

Como adicionar uma página no Notability

Como adicionar uma página no Notability

Se você é um usuário do Notability, sua conveniência para fazer anotações e organizar seus pensamentos provavelmente não passou despercebida. E embora as notas básicas sejam úteis em

Formulários Google: como receber notificações por e-mail

Formulários Google: como receber notificações por e-mail

O Formulários Google oferece um método conveniente de coleta de informações e opiniões por meio da realização de pesquisas, inscrição em eventos e formulários de feedback. Esse

Microsoft Edge: como configurar e usar espaços de trabalho

Microsoft Edge: como configurar e usar espaços de trabalho

Microsoft Edge Workspaces é um recurso focado em colaboração disponível no Windows e macOS. Você pode criar um espaço de trabalho e abrir todos os arquivos necessários

Como ver quando uma conta do Instagram foi criada – sua ou de outra pessoa

Como ver quando uma conta do Instagram foi criada – sua ou de outra pessoa

A plataforma de mídia social Instagram percorreu um longo caminho desde seu início em 2010 e sua aquisição pelo Facebook em 2012, e algumas pessoas têm atuado

Como agendar o envio de uma mensagem de texto no IMessage

Como agendar o envio de uma mensagem de texto no IMessage

Você já acordou no meio da noite e lembrou que precisava mandar uma mensagem para alguém pela manhã? Isso acontece com todo mundo. Enquanto a maioria

Minecraft Java: como instalar o mod ‘From The Fog’

Minecraft Java: como instalar o mod ‘From The Fog’

Se você está cansado de dominar o mundo do Minecraft: Java Edition, você pode trazer uma nova vida ao jogo adicionando mods e pacotes de dados, incluindo

Como consertar o Discord mostrando tela preta durante a transmissão

Como consertar o Discord mostrando tela preta durante a transmissão

Descubra como corrigir a falha da tela preta ao transmitir no Discord com estas dicas de solução de problemas para voltar a compartilhar seu conteúdo.

Como corrigir o erro Não é possível enviar mensagens no Telegram

Como corrigir o erro Não é possível enviar mensagens no Telegram

Descubra por que você não consegue enviar mensagens no Telegram e aprenda soluções fáceis para o problema, garantindo que você possa manter contato com seus contatos.

Como desinstalar e reinstalar o Chrome

Como desinstalar e reinstalar o Chrome

https://www.youtube.com/watch?v=g4e-Vxt3Cr0 O Google Chrome é um dos navegadores mais populares por um bom motivo. Está disponível em todos os dispositivos móveis e

Como mesclar guias no Planilhas Google

Como mesclar guias no Planilhas Google

As planilhas podem conter informações valiosas, como registros de vendas, dados contábeis, informações de contato, etc.

Instruções para criar tendência de fase da lua

Instruções para criar tendência de fase da lua

Instruções para criar uma tendência de fases da Lua. A tendência da Lua é extremamente popular no TikTok, criando uma febre sem precedentes. Através da fase da Lua irá ajudá-lo a saber a data

Como editar vídeos postados no YouTube sem perder visualizações

Como editar vídeos postados no YouTube sem perder visualizações

Como editar vídeos postados no YouTube sem perder visualizações, Você se esqueceu de desfocar o conteúdo sensível nos vídeos postados no YouTube. Não se preocupe, veja como ajustá-lo

Como ativar o modo escuro no TikTok

Como ativar o modo escuro no TikTok

Como ativar o modo escuro no TikTok, Como ativar o modo escuro no TikTok não é difícil. O artigo irá guiá-lo detalhadamente como alterar a interface do TikTok para preto no Samsung