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.

Tags: #TUTORIAL
Sign up and earn $1000 a day ⋙

Leave a Comment

Como adicionar widget de câmera no Samsung Galaxy

Como adicionar widget de câmera no Samsung Galaxy

A atualização do One UI 6 permite que os usuários adicionem widgets de câmera em telefones Samsung Galaxy para personalizar como desejarem.

Recuperar dados excluídos com o Recuva Portable no Windows 7

Recuperar dados excluídos com o Recuva Portable no Windows 7

No artigo a seguir, apresentaremos as operações básicas para recuperar dados excluídos no Windows 7 com a ferramenta de suporte Recuva Portable. Com o Recuva Portable, você pode armazená-lo em qualquer USB conveniente e usá-lo sempre que precisar. A ferramenta é compacta, simples e fácil de usar, com alguns dos seguintes recursos:

7 coisas que você pode fazer com o Paint no Windows 10

7 coisas que você pode fazer com o Paint no Windows 10

Descubra tudo sobre o Paint no Windows 10: como usar sua interface, abrir e editar imagens, adicionar texto, formas, e muito mais. Dicas essenciais para otimizar seu uso do Paint.

Onde está a Lixeira no Windows 10 e no Windows 11?

Onde está a Lixeira no Windows 10 e no Windows 11?

Descubra onde está a Lixeira no Windows 10 e 11 e aprenda todas as maneiras de acessá-la, incluindo o acesso à pasta oculta $Recycle.Bin.

12 maneiras de gerenciar guias no Microsoft Edge

12 maneiras de gerenciar guias no Microsoft Edge

Descubra como gerenciar guias no Microsoft Edge como um profissional para aumentar sua produtividade. Feche abas, abra novas abas, atualize abas, etc.

9 maneiras de aumentar ou diminuir o volume do Windows

9 maneiras de aumentar ou diminuir o volume do Windows

Aprenda como controlar o volume no Windows 10 e Windows 11 com este guia abrangente. Descubra como ajustar o volume usando atalhos de teclado, controles no sistema e dispositivos externos.

Como abrir o Explorador de Arquivos e o Windows Explorer: 12 maneiras

Como abrir o Explorador de Arquivos e o Windows Explorer: 12 maneiras

Como abrir o Explorador de Arquivos no Windows 10 e Windows 11, ou Windows Explorer no Windows 7. Aqui estão todos os atalhos do Explorador de Arquivos.

9 maneiras de iniciar o Paint no Windows

9 maneiras de iniciar o Paint no Windows

Aprenda como iniciar o aplicativo Microsoft Paint no Windows 10 e 11 utilizando diferentes métodos, incluindo o comando mspaint.

6 maneiras de alterar uma conta para Administrador e voltar no Windows 10

6 maneiras de alterar uma conta para Administrador e voltar no Windows 10

Aprenda como mudar o tipo de conta de usuário padrão para administrador no Windows 10. Descubra 6 métodos eficazes para gerenciar contas de usuário.

Como gerenciar usuários e grupos locais no Windows 10 usando lusrmgr.msc

Como gerenciar usuários e grupos locais no Windows 10 usando lusrmgr.msc

Aprenda a gerenciar contas de usuário e grupos de usuários no Windows 10 usando a ferramenta Usuários e Grupos Locais (lusrmgr.msc).

Como criar um link para um arquivo ou pasta no Windows (2 maneiras)

Como criar um link para um arquivo ou pasta no Windows (2 maneiras)

Como criar um link para um arquivo, pasta ou biblioteca em seu computador Windows e enviá-lo para outras pessoas. Aprenda a copiar um caminho de arquivo como um link de forma eficaz.

Como definir permissões de aplicativos no Windows 10

Como definir permissões de aplicativos no Windows 10

Aprenda como alterar permissões de aplicativos no Windows 10, definindo quais aplicativos têm acesso a recursos como câmera e localização.

9 maneiras de abrir o PowerShell no Windows (incluindo como administrador)

9 maneiras de abrir o PowerShell no Windows (incluindo como administrador)

Aprenda a abrir o PowerShell no Windows 10 e Windows 11, inclusive como administrador. Dicas práticas e métodos eficientes para uso.

Como se conectar a um servidor FTP no Windows 10, a partir do Explorador de Arquivos

Como se conectar a um servidor FTP no Windows 10, a partir do Explorador de Arquivos

Como se conectar a um servidor FTP do Windows 10 usando o Explorador de Arquivos. Tutorial completo para gerenciar arquivos e pastas em um servidor FTP.

Como imprimir uma imagem em várias páginas, usando o Windows 10s Paint

Como imprimir uma imagem em várias páginas, usando o Windows 10s Paint

Aprenda a imprimir uma imagem grande como um pôster em várias páginas utilizando o Paint do Windows 10, de forma fácil e eficiente.

Instruções sobre como atualizar a RAM no PC e laptop

Instruções sobre como atualizar a RAM no PC e laptop

Instalar mais RAM é a solução mais eficaz para acelerar o seu computador. Mesmo que o seu computador seja novo, após apenas alguns anos de uso, você precisará instalar mais RAM para garantir uma velocidade melhor. Além disso, novos sistemas operacionais também exigem mais memória. Quando um computador não tem RAM suficiente, ele troca fluxos de dados com o disco rígido, e é por isso que o sistema fica lento.

Instruções para cancelar a assinatura Gemini Advanced

Instruções para cancelar a assinatura Gemini Advanced

Gemini Advanced é uma assinatura paga do Google que dá acesso a modelos de IA mais avançados. Após registrar o pacote Gemini Advanced, caso não precise mais utilizá-lo, você deverá cancelar o pacote Gemini Advanced, conforme o artigo abaixo.

Instruções para instalar o Windows 11 em uma máquina virtual, instalando o Windows 11 no VMware

Instruções para instalar o Windows 11 em uma máquina virtual, instalando o Windows 11 no VMware

Neste artigo, o WebTech360 orientará você sobre como instalar e experimentar o Windows 11 na máquina virtual VMWare.

Como agrupar camadas no Canva

Como agrupar camadas no Canva

Agrupar camadas no Canva torna seu design mais profissional e também facilita a edição e o trabalho com seu design.

Instruções para ativar a segurança de comunicação para proteger crianças que usam o iPhone

Instruções para ativar a segurança de comunicação para proteger crianças que usam o iPhone

A Comunicação Segura desfocará as imagens sensíveis recebidas no iPhone do seu filho via Mensagens e AirDrop. Veja como usar a Comunicação Segura no iPhone.

Esquadrão de Atiradores da Temporada 14 do DTCL, Construção de Atiradores da Temporada 14 do DTCL

Esquadrão de Atiradores da Temporada 14 do DTCL, Construção de Atiradores da Temporada 14 do DTCL

Os atiradores retornam na temporada 14 de TFT e ainda são uma classe poderosa com dano físico de longo alcance excepcional.

Como corrigir erros de som no Windows 10, corrigir erros de som do Win 10

Como corrigir erros de som no Windows 10, corrigir erros de som do Win 10

Alguns computadores após a atualização para a versão do Windows 10 apresentam problemas com perda de som. Podemos verificar as conexões do dispositivo de áudio com o computador ou reajustar as configurações de som no sistema operacional.

Como usar sons no ScratchJR

Como usar sons no ScratchJR

Neste artigo, os alunos aprenderão como adicionar sons e usar sons no ScratchJR para cada um de seus personagens.

Instruções para aprender inglês no ScratchJR

Instruções para aprender inglês no ScratchJR

O ScratchJR ajuda os alunos a criar programas baseados em comandos para personagens, e você pode usá-lo para criar um programa de aprendizagem de línguas estrangeiras no ScratchJR.

Como criar e gerenciar grupos de bate-papo do iMessage para iPhone

Como criar e gerenciar grupos de bate-papo do iMessage para iPhone

O recurso de bate-papo em grupo do iPhone iMessage nos ajuda a enviar mensagens de texto e bater papo mais facilmente com muitas pessoas, em vez de enviar mensagens individuais.

Instruções para definir apelidos para contas de amigos no TikTok

Instruções para definir apelidos para contas de amigos no TikTok

O TikTok tem a opção de definir um apelido para a conta de amigo para escolher um nome que seja mais fácil de lembrar na sua lista de amigos. O artigo abaixo orientará você a definir apelidos para as contas dos seus amigos no TikTok.

Guia para melhorar serviços e pesquisas no Edge

Guia para melhorar serviços e pesquisas no Edge

A melhoria de pesquisa e serviço é uma configuração do Microsoft Edge que permite que a empresa use seus dados de pesquisa na web para melhorar sua pesquisa e experiência na web.

Instruções para alterar a senha do Weibo no telefone ou computador

Instruções para alterar a senha do Weibo no telefone ou computador

As contas do Weibo também têm opções para editar a conta, como alterar a senha do Weibo. Abaixo estão as instruções para alterar sua senha do Weibo.

Como escrever um texto estiloso no Claude AI

Como escrever um texto estiloso no Claude AI

O Claude AI agora permite que você escolha entre uma variedade de estilos de escrita de texto para que os usuários obtenham o texto que precisam.

Como recuperar mensagens apagadas no iPhone, recuperar mensagens do iPhone mais rápido

Como recuperar mensagens apagadas no iPhone, recuperar mensagens do iPhone mais rápido

Existem várias maneiras de recuperar mensagens excluídas no iPhone: usando o iCloud, o iTunes e aplicativos de terceiros.