Ferramentas de rede no F12 Ferramentas do desenvolvedor do navegador Edge

A Microsoft anunciou recentemente novas ferramentas de rede aprimoradas em ferramentas de desenvolvedor F12 para o novo navegador Microsoft Edge em Windows 10 após uma enorme demanda de desenvolvedores. Como desenvolvedor, você tem todos os motivos para se sentir animado, pois agora pode trabalhar em um conjunto aprimorado de ferramentas.

Vamos ver algumas das principais melhorias que a Microsoft comprou.

Ferramentas de desenvolvedor Microsoft Edge F12

Mesmo que você seja um iniciante, você achará extremamente fácil acessar o desenvolvedor do Microsoft Edge F12, pois há muito poucos passos que você precisa seguir. Tudo o que você precisa fazer é clicar e abrir o menu Mais ações e selecionar “ F12 Developer tools ”. Isso ativará automaticamente as ferramentas desencaixadas.

Aprimoramento das ferramentas de rede no Edge

O primeiro passo dado pela Microsoft nas melhorias é redesenhar as ferramentas de rede para que os desenvolvedores tenham uma experiência mais limpa. Em seguida, a equipe da Microsoft também adicionou um botão de barra de ferramentas Iniciar e Parar para fornecer mais flexibilidade aos desenvolvedores ao lidar com tráfego de rede baseado em

Há também um novo botão chamado “”, que foi adicionado para permitir que os desenvolvedores coloquem o filtro e obtenham apenas o tipo de tráfego desejado. Assim, você pode ignorar muitas chamadas de rede não relacionadas e, ao mesmo tempo, obter informações relevantes sobre o tipo e número de erros de rede, número de solicitações, tamanhos de transferência de dados de resposta e tempos de download etc.

Você também pode exportar e manter uma faixa de todas as informações em um arquivo JSON HAR.

Aprimoramentos notáveis ​​do F12 Developer Tools para Microsoft Edge

As listas de itens aprimorados incluídos no Novo Microsoft Edge são as seguintes:

• Sempre atualizar do servidor : Essa funcionalidade garante que você esteja testando a versão mais recente de um recurso do servidor em vez de desatualizada.
• Limpar cache e cookies : isso garante que o cache do navegador esteja desimpedido antes de carregar o próximo e você pode limpar os cookies com o atalho sem precisar acessar as configurações do navegador
• Limpar sessão - Você pode usar o botão Limpar sessão para limpar as informações de tráfego da rede gravadas durante a sessão
• Limpar entradas ao navegar - Com isso Você pode se concentrar apenas nos recursos que foram carregados durante a última atualização ou navegação da página. Você pode até comparar isso com a última sessão apenas desativando esse recurso

Inclusão da Visualização de Resumo nas ferramentas de rede

• Nome : Isso inclui o Nome e a URL do recurso solicitado
• Protocolo : Inclua o protocolo que está sendo usado para solicitar o
• Método do recurso: Mostra o método HTTP usado na solicitação
• Resultado : Isso mostra o código de status da resposta e a mensagem de texto retornada pelo servidor
• Tipo de conteúdo : Exibe o tipo MIME da resposta conforme retornado pelo servidor
• Received : O tamanho total da carga útil de resposta como entregue pelo servidor
• Tempo : Exibe o Tempo gasto pelo recurso para obter o download
• Temporizações : Mostra a representação gráfica da atividade de rede ocorrida ao longo do tempo

No caso, se você estiver interessado em uma visualização mais detalhada das informações, poderá acessar a Visualização detalhada. em vez da vista de resumo. Informações como Cabeçalho, Corpo e Parâmetros, etc. são exibidas em diferentes seções da Exibição de Detalhes. Tudo o que você precisa fazer é clicar duas vezes sobre a solicitação e ler as informações no painel lateral.

Uma coisa importante a ser observada aqui, diz a Microsoft, é que esses novos recursos avançados de ferramentas de rede também estão disponíveis no ambiente IE11. bem como Edge.

Agora veja como você pode alterar o User Agent, Mode, Display, Geolocation em Edge Developer Tools.