Ferramentas de rede no F12 Developer Tools do Edge Browser

Índice:

Ferramentas de rede no F12 Developer Tools do Edge Browser
Ferramentas de rede no F12 Developer Tools do Edge Browser

Vídeo: Ferramentas de rede no F12 Developer Tools do Edge Browser

Vídeo: Ferramentas de rede no F12 Developer Tools do Edge Browser
Vídeo: SkipRearm lets you use Windows without activating - YouTube 2024, Abril
Anonim

A Microsoft anunciou recentemente novas ferramentas de rede aprimoradas em Ferramentas para desenvolvedores F12 para o novo Navegador Microsoft Edge em Windows 10 depois de 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 do Microsoft Edge F12

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

Aprimoramento para as ferramentas de rede no Edge

Image
Image

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

Image
Image

Existe também um novo botão chamado “ Filtro de tipo de conteúdo ”Que foi adicionado para permitir que os desenvolvedores coloquem o filtro e obtenham apenas o tipo de tráfego desejado. Então, por isso, você pode pular 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 um controle de todas as informações em um arquivo JSON HAR.

Image
Image
Image
Image

Aprimoramentos notáveis do F12 Developer Tools para Microsoft Edge

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

  • Sempre atualize do servidor: Essa funcionalidade garante que você está testando a versão mais recente de um recurso do servidor em vez de um desatualizado.
  • Limpar cache e cookies: Isso garante que o cache do seu navegador esteja limpo antes de carregar a próxima página e você pode limpar os cookies com o atalho sem precisar acessar as configurações do navegador
  • Sessão clara- Você pode usar o botão Limpar sessão para limpar qualquer informação de tráfego de rede registrada durante a sessão.
  • Limpar entradas na navegação- Com esse recurso, 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 visão resumida nas ferramentas de rede

  • Nome: Isso inclui o nome e o URL do recurso solicitado
  • Protocolo: Incluir protocolo que está sendo usado para solicitar o recurso
  • Método: Mostra o método HTTP usado na solicitação
  • Resultado: 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
  • Recebido: O tamanho total da carga útil da resposta, conforme fornecido pelo servidor
  • Tempo: Exibe o tempo gasto pelo recurso para obter o download
  • Horários: 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 de Detalhes, em vez da Visualização 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 na solicitação e ler as informações no painel lateral.
No caso, se você estiver interessado em uma visualização mais detalhada das informações, poderá acessar a Visualização de Detalhes, em vez da Visualização 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 na solicitação e ler as informações no painel lateral.
Uma coisa importante a ser observada aqui, diz a Microsoft, é que esses novos recursos aprimorados de ferramentas de rede também estão disponíveis no ambiente do IE11, bem como no Edge.
Uma coisa importante a ser observada aqui, diz a Microsoft, é que esses novos recursos aprimorados de ferramentas de rede também estão disponíveis no ambiente do IE11, bem como no Edge.

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

Posts relacionados:

  • Pontas e truques do navegador de borda para Windows 10
  • Edge vs Firefox: Qual é o melhor para o Windows 10?
  • Configurações de privacidade no navegador Edge no Windows 10
  • Novos recursos do Microsoft Edge na atualização de aniversário do Windows 10
  • Alterar o agente do usuário, o modo, a exibição, a geolocalização no Edge Developer Tools

Recomendado: