Fluxo de trabalho: Como gerar um arquivo HAR para resolução de problemas

Neste tutorial, você aprenderá a gerar solicitações de rede e registros de erros solicitados pelo suporte ao cliente Zendesk. Um membro da equipe pode solicitar que você grave um arquivo HAR ou um registro das solicitações de rede enquanto o problema ocorre. Para ajudar na resolução de problemas, inclua os registros do console do navegador, além do arquivo HAR.

Da mesma forma, você também pode coletar arquivos de registro do Windows, além dos arquivos HAR.

Observação: Um arquivo HAR inclui dados como o conteúdo de seus cookies e as páginas que você baixou durante a gravação. Qualquer pessoa com acesso ao arquivo HAR pode visualizar os dados enviados durante a gravação, que podem incluir dados pessoais ou outros dados confidenciais. Proteja seus arquivos HAR adequadamente. A Cloudflare lançou um sanitizante de HAR para retirar qualquer informação confidencial.

O fluxo de trabalho inclui as etapas abaixo:

• Instruções para a geração de arquivos HAR
• Instruções para o envio de arquivos HAR
• Recursos adicionais

Instruções para a geração de arquivos HAR

Clique nas abas abaixo para ler as instruções para gerar um arquivo HAR e registro do console no navegador que você usa.

Gerar um arquivo HAR no Chrome

Como gerar um arquivo HAR no Chrome:

1. Abra o Chrome e vá para a página na qual o problema está ocorrendo.
2. Procure o botão ⋮ e selecione Mais ferramentas > Ferramentas do desenvolvedor.
3. No painel exibido, selecione a aba Rede. Você deve manter o menu aberto enquanto reproduz o problema. 
   
   Opcional: se o suporte ao cliente Zendesk solicitar um arquivo HAR com WebSockets, selecione a opção Socket na aba Rede. Recarregue seu navegador para começar a ver o tráfego do WebSocket. Observe que a opção Socket não captura todos os registros ao baixar o arquivo HAR, mas para fins de filtro de exibição e download apenas de registros do WebSocket.
   
    
4. Procure por um botão redondo de gravação no canto superior esquerdo da aba e certifique-se de que esteja em vermelho. Se estiver em cinza, clique no botão uma vez para iniciar a gravação.
5. Se não estiver marcada, marque a caixa Preservar registro.
6. Clique no botão com um xis cinza para limpar os registros existentes na aba Rede.
7. Reproduza o problema enquanto as solicitações de rede são registradas.

8. Clique no botão de download, Exportar HAR, para baixar e salvar o arquivo em seu computador: Salve como HAR com conteúdo.

   

9. Carregue o arquivo HAR no seu ticket com o Suporte ao Cliente Zendesk para investigação adicional. 
   Consulte Instruções para envio de arquivos HAR.

As instruções são as mesmas para um computador MAC ou Windows. Veja abaixo uma breve animação com as etapas para recuperar um arquivo HAR no Chrome.

Em caso de problemas para gerar esse arquivo, capture o tráfego de sessões da web.

Se você gerar um arquivo HAR vazio com zero bytes, ative as exportações HAR com dados confidenciais.

Como recuperar registros do console no Chrome:

1. Abra o Menu principal do Chrome.
2. Navegue até Mais ferramentas > Ferramentas do desenvolvedor.
3. Abra a aba Console e faça uma captura de tela dos erros que aparecerem.

Gerar um arquivo HAR no Firefox

Como gerar um arquivo HAR no Firefox:

1. Abra o Firefox e vá para a página na qual o problema está ocorrendo.
2. Abra o Monitor de rede.
3. Reproduza o problema enquanto as solicitações de rede são registradas.

4. Clique com o botão direito do mouse na coluna Arquivo e clique em Salvar tudo como HAR.

   

5. Salve o arquivo HAR em um local conveniente.
6. Carregue o arquivo HAR no seu ticket com o Suporte ao cliente Zendesk para investigação adicional. 
   Consulte Instruções para envio de arquivos HAR.

As instruções são as mesmas para um computador MAC ou Windows. Caso tenha algum problema ao gerar um arquivo HAR no Firefox, utilize o Monitor de rede.

Como recuperar registros do console no Firefox:

1. No menu Ferramentas, selecione Desenvolvedor da Web.
2. Os registros do console serão exibidos em uma janela separada.
3. Faça captura de tela de quaisquer erros que apareçam.

Gerar um arquivo HAR no Safari

Como gerar um arquivo HAR no Safari:

1. Abra o Safari e vá até o menu Desenvolver. Se você não vir o menuDesenvolver , siga as instruções neste artigo do Guia do usuário do Safari: Use as ferramentas de desenvolvedor no menu Desenvolver no Safari do Mac.
2. Selecione Mostrar inspetor da Web.
3. Clique na aba Rede. Você deve mantê-la aberta enquanto reproduz o problema.
4. Reproduza o problema enquanto as solicitações de rede são registradas.
5. Clique no ícone Exportar e salve o arquivo HAR.
   
6. Carregue o arquivo HAR no seu ticket com o Suporte ao Cliente Zendesk para investigação adicional.
   Consulte Instruções para envio de arquivos HAR.

Caso tenha algum problema ao gerar um arquivo HAR no Safari, utilize o Web Inspector.

Como recuperar registros do console no Safari:

1. Abra a aba Preferências e vá até a aba Avançado.
2. Selecione Mostrar menu do desenvolvedor na barra de menus.
3. Feche a aba Preferências.
4. Na barra de menus, selecione Desenvolvedor > Mostrar console de erro.
5. Faça captura de tela de quaisquer erros que apareçam.

Gerar um arquivo HAR no Edge

Como gerar um arquivo HAR no Edge:

1. Abra o Edge e acesse a ferramenta Rede.
2. Reproduza o problema enquanto as solicitações de rede são registradas.
3. Exporte o tráfego capturado como um arquivo HAR.
4. Carregue o arquivo HAR no seu ticket com o Suporte ao Cliente Zendesk para investigação adicional.
   Consulte Instruções para envio de arquivos HAR.

Caso tenha algum problema ao gerar um arquivo HAR no Safari, utilize a ferramenta Inspecionar atividade de rede.

Como recuperar registros do console no Edge:

1. Selecione os três pontos no canto superior direito da janela do navegador.
2. Clique em Mais ferramentas > Ferramentas do desenvolvedor.
3. No painel do DevTools , clique na aba Console .
4. Clique com o botão direito do mouse no console e selecione Limpar console de todos os registros pré-existentes.
5. Marque a caixa de seleção Preservar registro .
6. Replique o problema no navegador Edge.
7. Faça captura de tela de quaisquer erros que apareçam.

Observação: o widget no canto inferior direito dessa página não oferece suporte à anexação de arquivos HAR ou arquivos que excedem 50 MB. Em vez disso, anexe o arquivo ao seu ticket com o Suporte ao Cliente Zendesk por email ou por um método como o Google Drive ou o Dropbox.

Instruções para o envio de arquivos HAR

Antes de enviar um arquivo HAR para o Zendesk:

• Renomeie e compacte seus arquivos HAR.
• Arquivos HAR descompactados geralmente superam os limites de anexo do Zendesk.
• Por padrão, os arquivos HAR usam a URL da página como o nome do arquivo.
• Arquivos com extensão .com podem parecer suspeitos para filtros de spam e phishing. Dê ao arquivo HAR um nome descritivo que não inclua a URL completa.

Recursos adicionais

Se estiver tendo problemas com sua conta, use os guia de solução de problemas para diagnosticar o problema. Se você ainda não for cliente do Zendesk, cadastre-se agora para uma avaliação do Zendesk.