Monitoramento de erros de JavaScript

Um dos motivos pelos quais adoro o desenvolvimento front-end é o motivo pelo qual muitos desenvolvedores do lado do servidor o odeiam: a diferença nas implementações dos navegadores, as diferentes datas de implementação e a possibilidade de se enforcar com JavaScript ruim. Eu me divirto muito com essa batalha, apesar de não ter controle sobre o ambiente do navegador, mas não sou louco: sempre tenho uma rede de segurança para detectar erros rapidamente. Essa rede de segurança? TrackJS. TrackJS me permite detectar erros de JavaScript em tempo real, informando com qual navegador o usuário está navegando, em quais páginas o erro ocorre e muito mais.

O TrackJS é um patrocinador deste blog e tenho orgulho de representá-lo! Antes de usar o TrackJS, eu estava tentando fazer rastreamento de erros por meio do Google Analytics mas isso não estava dando certo: eu não estava obtendo os detalhes que queria, o que não é surpreendente, considerando que o GA é uma ferramenta de análise genérica não ajustada para relatórios de erros. O TrackJS, por outro lado, foi criado para rastrear erros de JavaScript e cumpre muito bem essa tarefa. Uso o serviço deles há mais de um ano e devo-lhes muito obrigado por terem me salvado!

Obrigado TrackJS

O TrackJS me alertou sobre muitos problemas nos últimos anos, incluindo:

• Pilotando vários plug-ins do WordPress relacionados ao Service Worker criados pela Mozilla

  • Cuidado com a falta de suporte nativo do Safari às funções Promise e seta!

  
  

  . @trackjs me alertou sobre esses erros e eu pude fazer as correções. DECENTE! pic.twitter.com/w2hzTn5nxB

  – David Walsh (@davidwalshblog) 4 de abril de 2016

• Atualizações da API do JavaScript (…ou falta de) pelos navegadores

  • O Safari é o novo Internet Explorer 6…

• Detecção de erros para bloqueio de anúncios

  • Aproximadamente 15% das minhas solicitações ao BSA falham, o que agora graças ao TrackJS

    

• Erros na biblioteca JavaScript

  • Talvez meu sistema de compilação não devesse estar puxando a versão mais recente sem que eu testasse primeiro….

O que é incrível é que fui alertado sobre esses problemas por meio do meu e-mail noturno do TrackJS, de modo que pude resolvê-los horas depois de um push. Posso configurar meu painel do TrackJS para me notificar sobre os problemas mais cedo, mas, para este blog, estou satisfeito com o ping noturno.

Novos recursos

O TrackJS implementou recentemente alguns novos recursos sólidos que facilitam a colaboração e o gerenciamento de dados:

• Compartilhamento: A partir de qualquer erro, agora o senhor pode gerar um link compartilhável. O senhor pode usar esse link para compartilhar detalhes do erro com colegas ou publicá-los publicamente e fazer perguntas on-line.
• Metadados API: Permite que o senhor adicione qualquer valor-chave arbitrário sobre o ambiente atual. Por exemplo, o nível de permissão do usuário ou o servidor atual. Uma vez que essas informações são fornecidas, o usuário pode cortar e dividir os erros de quase todas as formas que puder imaginar.
• Filtro Global: Em toda a interface do usuário, foi adicionado um botão “Adicionar ao filtro”. Isso pode ser visto em mensagens, usuários, navegadores ou metadados. O senhor pode escolher qualquer item dentre eles e filtrar o restante da interface do usuário por essa propriedade. Por exemplo, adicione o Safari ao seu filtro e veja todas as mensagens que afetaram o Safari.

Em um relance

Alguns olhares no meu painel TrackJS:

Detalhe do erro

Mensagens

Urls

Navegadores

Compartilhe

E-mail noturno

Experimente o TrackJS!

TrackJS é um patrocinador, mas, mais do que isso, é um serviço no qual confio para me manter informado sobre a estabilidade e o desempenho do JavaScript do meu site. Os navegadores mudam, as implementações mudam, as ações dos usuários mudam; é bom saber que posso ver onde os erros estão ocorrendo para que eu possa corrigir meu código defeituoso!