Como visualizar e salvar o log do console em um navegador

Quando você interage com um site, há muita coisa acontecendo por trás da IU que você vê. Para tudo o que você clica, o site se comunica com um servidor para mostrar a informação que você deseja. Quando um site não responde da maneira que deveria, você precisa examinar o que deu errado e uma das coisas que você verá são as mensagens / solicitações que foram enviadas e recebidas. Você pode fazer isso por meio de um console da web que é um recurso em alguns navegadores. Especificamente, você pode fazer isso no Chrome e em todos os outros navegadores baseados no Chromium, como Edge ou Opera. O processo será o mesmo, então vamos mostrar como fazer isso no Chrome.

Ver e salvar o registro do console

Abra o navegador e navegue até o site do qual deseja visualizar todas as solicitações enviadas / recebidas. Use o site até que ele gere um erro ou reaja de uma forma que não deveria, por exemplo, você clica em 'Sign in' e é direcionado para sua página inicial.

Toque na tecla F12, ou toque no atalho de teclado Ctrl + Shift + I, ou vá para o menu de configurações do navegador e procure Ferramentas de Desenvolvedor. No Chrome, você precisa clicar no botão de mais opções e ir para Mais ferramentas> Ferramentas do desenvolvedor.

As ferramentas serão abertas na parte inferior ou lateral, dividindo a guia atual. As ferramentas do desenvolvedor têm várias abas pequenas. Procure a guia Console e selecione-a.

O log já estará preenchido com todas as solicitações enviadas entre o site e o servidor com o qual ele se comunica. Você apenas tem que salvar tudo. Clique com o botão direito dentro do console e selecione a opção 'Salvar como'. Uma caixa de diálogo para salvar o arquivo será aberta. Selecione onde deseja salvar o arquivo e pronto.

O arquivo terá a extensão de arquivo LOG, mas é um arquivo de texto, então você pode visualizá-lo com o Bloco de Notas ou qualquer outro editor de texto de sua escolha. Se você estiver tendo problemas em um site, este arquivo pode ajudar a resolvê-los. No caso de o problema ser específico de um navegador, por exemplo, um site não responde no Firefox, mas funciona bem no Chrome, você precisará de uma maneira diferente de obter o log. Muitas pessoas usam uma ferramenta paga chamada Charles Proxy. Já existe há algum tempo e se tornou a ferramenta ideal para visualizar o tráfego da rede. Você pode procurar uma alternativa gratuita; existe o Fiddler que é gratuito. Essas ferramentas tendem a ser um pouco complicadas de configurar, e é por isso que os consoles do navegador são muito melhores.