Dica, truques e práticas recomendadas

gmontresor
HubSpot Employee
HubSpot Employee

Ferramentas para identificar problemas: Como obter erros de Rede/Network

É possível que você encontrará uma página de erro que não é muito explicito na descrição do problema. Ele pode aparecer com uma imagem que nem essa: 

 

Screenshot 2018-01-15 08.28.47.png


Quando você encontra um erro como esso, há uma ferramente que pode utilizar para conseguir mais informações: O console de Javascript. As vezes, receberá informação especifica que pode te guiar a conseguir uma solução. Outras vezes, pode recebrer mais informação apesar de não ser suficiente. Mas de qualquer forma, essa informação é bem útil quando for criar um tíquete com nossa equipe de suporte. Essa informação pode encortar o process de atendimento!

 

O Console de Javascript no Google Chrome é uma ferramenta bem útil que pode mostrar qualquer erro quais podem estar aparecendo na página e também contexto do que o erro se refere. (A ferramenta também é acessível em outros navegadores mas neste artigo enfocaremos no Chrome). No suporte, utilizamos o console para obter mais informações dos erros e muitas vez solicitamos um print dos nossos clientes do seu console. Então, como é que um pode acessar esse console e ver esses erros?

Console Tab

  1. Abre o chrome na página que está com erros.
  2. Clique do lado direito do seu mouse, e clique em 'Inspecionar'. Ou também pode usar Ctrl + Shift + J (Windows / Linux) ou Command + Opção + J (Mac).
  3. Entra na aba de 'Console'
  4. Reproduza o processo que mostrou o erro.

A aba de console vai logar qualquer erro ou alerta quais aparecem na página. Por exemplo, se um recurso não carrega na sua página, muitas vezes encontrará o erro no console.


console errors.gif

 

Aba de Network

  1. Navega até a aba de Network
  2. Reatualiza (F5) a página com erros
  3. Clique no erro e entra nas abas de 'headers', 'previews', e 'response' para receber mais informações do erro.

A aba de network mostra todos os elementos carregando na página e quanto tempo levou para ser carregados. Por exemplo, se há um arquívo de Javascript anexado a uma página, veremos este arquívo na aba de Network quando a página carrega.

 

network errors.gif

 

A maioria dos erros e recursos com falha são destacados em vermelho, então mande esses erros para suporte com seu tíquete!

 

Você também pode coletar um arquívo HAR na aba de network. Para uma orientação em como coletar este arquívo clique AQUI.


Para mais informações sobre o Chrome Console, clique AQUI.

0 Replies 0

0 Replies

No replies on this post just yet

No one has replied to this post quite yet. Check back soon to see if someone has a solution, or submit your own reply if you know how to help! Karma is real.

Reply to post

Need help replying? Check out our Community Guidelines