Condições de rede: substituir a string do user agent

Kayce Basques

Dale St. Marthe

Visão geral

Use o painel "Condições de rede" para substituir a string do user agent e emular diferentes velocidades de rede.

Substituir a string do user agent muda a forma como o navegador se identifica para os servidores da Web. Isso significa que o navegador pode simular versões anteriores ou navegadores diferentes por completo, o que é útil para testar design responsivo, compatibilidade e detecção de recursos.

Substituir a string do user agent não muda a forma como o navegador Chrome funciona internamente, mas muda o conteúdo que o Chrome exibe.

Abrir o painel "Condições de rede"

Abra o painel Condições de rede no painel Rede ou manualmente pelo DevTools.

Para usar o painel Rede para abrir o painel Condições de rede, siga estas etapas:

1. Abra o DevTools.
2. Acesse o painel Rede.
3. Clique no botão network_manage More network conditions para abrir o painel "Condições de rede".

Figura 1. Os painéis Rede e Condições de rede

Para abrir o painel Condições de rede manualmente:

1. Abra o DevTools.

2. Abra o menu de comando pressionando:

   • macOS: Command+Shift+P
   • Windows, Linux e ChromeOS: Control+Shift+P

     

     Figura 2. O Command Menu

3. Comece a digitar Network conditions, selecione Mostrar condições de rede e pressione Enter. O DevTools mostra o painel Condições de rede na parte de baixo da janela.

Como alternativa, no canto superior direito, selecione more_vert Mais opções > Mais ferramentas > Condições de rede.

Substituir a string do user agent

Para substituir a string do agente do usuário no painel Condições de rede, siga estas etapas:

1. Abra o painel Condições de rede.

2. Na seção User agent, desmarque a caixa de seleção Use browser default.

   

   Figura 3. Como desativar a opção Usar padrão do navegador

3. Selecione uma string de user agent da lista ou insira sua própria string personalizada.

4. Atualize a página para conferir os resultados.

Editar dicas de cliente HTTP do user agent

O painel "Condições de rede" permite personalizar as Dicas de cliente HTTP do user agent de uma string de user agent selecionada.

Para usar esse recurso, siga estas etapas:

1. Selecione uma string de user agent da lista ou insira sua própria string personalizada.

2. Clique no menu suspenso arrow_drop_downDicas de cliente do user agent. Um formulário vai aparecer com os valores relevantes preenchidos automaticamente.

   

   Figura 4. O formulário de dicas de cliente HTTP do user agent

3. Edite o formulário clicando em excluir excluir para excluir itens e Adicionar marca para adicionar às listas Agente do usuário e Versão completa.

4. Quando terminar, clique no botão Atualizar na parte de baixo do formulário.

5. Atualize a página para conferir os resultados.

Limitar a velocidade da rede

Para limitar a velocidade da rede no painel Condições de rede, clique na lista Limitação de rede e selecione 3G rápido, 3G lento ou Off-line.

Figura 5. Lista de limitação de rede no painel "Condições de rede"

Além disso, o painel Rede permite limitar a velocidade da rede de maneira semelhante. Basta abrir o painel Rede e selecionar a velocidade desejada na Lista de limitação na barra de ações.

Figura 6. Lista de limitação de rede no painel de rede

Também é possível usar o painel Performance para limitar a velocidade da rede. Abra o painel "Performance", clique em Configurações Configurações e selecione 3G rápido ou 3G lento na lista Rede.

Figura 7. Lista de limitação de rede no painel "Performance"

Defina seus próprios parâmetros de limitação de rede personalizados criando um perfil de limitação de rede. Para saber como, consulte Limitação.