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
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 .
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.
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.
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 .
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.
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.
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.
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 .
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.
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.
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.
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).
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.
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.
Todos os navegadores populares em todas as plataformas vêm com um bloqueador de pop-up integrado. Eles normalmente são inteligentes o suficiente para bloquear pop-ups indesejados que
O aplicativo Electronic Arts (EA) no Windows é seu principal destino para acessar seus jogos favoritos. E assim, pode ser incrivelmente frustrante quando o
Todos tiveram seu quinhão de problemas para encontrar a publicação de um site ou a data de lançamento. Alguns devem obter datas de publicação para uma redação escolar, enquanto
Esteja você enviando sua música ou selecionando a playlist perfeita para se exercitar, a arte da capa da sua playlist é a primeira coisa que outro SoundCloud
Se você já se encontrou no final de um ataque do Minecraft, procurando o último invasor para eliminar, você não está sozinho. Muitos jogadores tiveram isso
JavaScript é um dos dínamos mais poderosos por trás da web interativa. Esta linguagem de programação permite que as páginas da web respondam às suas ações em tempo real.
As TVs Hisense são classificadas como uma das melhores TVs ROKU do mercado. Mas, às vezes, você pode encontrar uma notificação de código de erro 014.50 na sua TV ao tentar
Tentar gerenciar controles remotos em 2024 é como tentar pagar contas. Felizmente, se você estiver usando um Fire Stick para transmitir seus programas favoritos e
Como os telefones Apple vêm com apenas uma determinada quantidade de armazenamento interno que não pode ser expandida, você poderá ficar sem espaço rapidamente. Em algum momento, você pode
Hisense é uma marca cada vez mais popular quando se trata de tecnologia Smart TV. Eles fabricam unidades LED e ULED (Ultra LED) econômicas que
Um guia completo para comprar ou negociar o exclusivo Headless Head, conhecido por seu efeito decorativo único, no Robolox.
Durante o registro da conta no Telegram, você deve adicionar um número de telefone aos seus dados pessoais. Se você está curioso para confirmar o de outra pessoa
Descubra como transformar seu Amazon Echo Show em um porta-retratos digital com Amazon Photos neste guia.
Um formulário de pedido online ajuda as empresas a receber pedidos de seus clientes sem complicações. Com um formulário de pedido, os clientes podem fazer pedidos de produtos, fazer
Quer saber como obter o reembolso do seu pedido do DoorDash? Confira todas as maneiras de obter um reembolso, o cronograma do reembolso e muito mais.
Os rótulos são recursos indispensáveis do Google Maps que nos ajudam a encontrar lugares com facilidade. No entanto, um mapa cheio de alfinetes e bandeiras para onde quer que você olhe pode ser
Os vídeos ficam muito mais divertidos com trilha sonora. Seja adicionando música ambiente para envolver o público ou colocando efeitos sonoros em um vídeo, o Canva
Você acabou de alterar seu número de telefone por qualquer motivo. Esta é uma grande decisão, especialmente se você já tem esse número há algum tempo. Mas esta mudança irá
O marketing por email em massa pode economizar muito tempo, permitindo que você envie uma campanha por email para um grande número de destinatários ao mesmo tempo. É um
Você está cansado de lidar com problemas de pouca memória do sistema em sua TV Hisense? Aqui estão algumas soluções funcionais para corrigir esse problema.
