Capture todos los errores de JavaScript y envíelos al servidor

Me preguntaba si alguien tenía experiencia en el manejo de errores de JavaScript a nivel mundial y los enviaba desde el navegador del cliente a un servidor.

Creo que mi punto es bastante claro, quiero saber cada excepción, error, error de compilación, etc. que ocurre en el lado del cliente y enviarlos al servidor para informarlos.

Principalmente estoy usando MooTools y head.js(para el lado JS) y Django para el lado del servidor.

Recientemente probé Sentry en producción y funciona bien (JS y otros lenguajes como PHP)

1- Es de código abierto (puede instalarlo en su propio servidor) 2- Puede usar el plan gratuito (100 informes / día)

O instálelo en su servidor: github.com/getsentry

Verificaría window.onerror

Ejemplo:

window.onerror = function(message, url, lineNumber) {  
  //save error and send to server for example.
  return true;
};  

Tenga en cuenta que devolver verdadero evitará la activación del controlador predeterminado, y devolver falso permitirá que se ejecute el controlador predeterminado.

Si su sitio web utiliza Google Analytics, puede hacer lo que yo hago:

window.onerror = function(message, source, lineno, colno, error) {
  if (error) message = error.stack;
  ga('send', 'event', 'window.onerror', message, navigator.userAgent);
}

Algunos comentarios sobre el código anterior:

• Para los navegadores modernos, se registra el seguimiento de la pila completa.
• Para los navegadores más antiguos que no capturan el seguimiento de la pila, el mensaje de error se registra en su lugar. (La mayoría de las versiones anteriores de iOS en mi experiencia).
• La versión del navegador del usuario también se registra, por lo que puede ver qué versiones del sistema operativo / navegador arrojan qué errores. Eso simplifica la priorización de errores y las pruebas.
• Este código funciona si usa Google Analytics con "analytics.js", como este . Si está utilizando "gtag.js" en su lugar, así , necesita ajustar la última línea de la función. Ver aquí para más detalles .

Una vez que el código está en su lugar, así es como ve los errores de Javascript de sus usuarios:

1. En Google Analytics, haga clic en la Behaviorsección y luego en el Top Eventsinforme.
2. Obtendrá una lista de categorías de eventos. Haz clic window.onerroren la lista.
3. Verá una lista de seguimientos de pila de Javascript y mensajes de error. Agregue una columna al informe para las versiones del sistema operativo / navegador de sus usuarios haciendo clic en el Secondary dimensionbotón e ingresando Event Labelen el cuadro de texto que aparece.
4. El informe se verá como la captura de pantalla a continuación.
5. Para traducir las cadenas del sistema operativo / navegador a descripciones más legibles para los humanos, las copio y pego en https://developers.whatismybrowser.com/useragents/parse/

No intente utilizar servicios de terceros, en su lugar, intente con los suyos.

Los controladores de errores pueden detectar los siguientes escenarios,

1. TypeError no capturado no se puede capturar
2. ReferenceError no capturado no se puede capturar, por ejemplo: var.click ()
3. TypeError puede ser capturado
4. El error de sintaxis puede ser capturado
5. ReferenceError puede ser capturado

Para detectar errores de Javascript:

window.addEventListener('error', function (e) {
  //It Will handle JS errors 
})

Para capturar errores de AngularJS:

app.config(function ($provide) {
$provide.decorator('$exceptionHandler', function ($delegate) {
   return function (exception, cause) {
       //It will handle AngualarJS errors
      }
   })
})

Además, el servicio http://jslogger.com puede ayudar con eso:

Registrar errores y eventos de Javascript en la nube

de http://jslogger.com/features :

A partir de ahora puede espiar todos los errores que rompen la experiencia del usuario de su sitio. Cada error de Javascript será detectado y presentado para su posterior depuración.

DESCARGO DE RESPONSABILIDAD: no está afiliado al servicio / empresa.

Puedes probar Atatus : es un nuevo servicio de seguimiento de errores de JavaScript junto con Real User Monitoring (RUM) para aplicaciones web modernas.

No solo capturamos los errores, sino también los eventos del usuario que activaron el error. Esto le brinda pasos para reproducir el error al finalizar.

Junto con la captura de errores, también capturamos el tiempo de carga de la página y lo mostramos en diferentes perspectivas: Geo, navegador, desglose de página, histograma de página, monitoreo de Ajax y monitoreo de transacciones.

https://www.atatus.com/

Documentos disponibles: https://www.atatus.com/docs

Descargo de responsabilidad: soy desarrollador web en Atatus.

El uncaught biblioteca es buena captura de forma gratuita todos los errores JS, incluyendo rechazos no controladas.

Es posible que desee consultar este nuevo servicio, http://rescuejs.com/ .https://bugsnag.com/

Le permite registrar todos sus errores de JavaScript sin escribir usted mismo el código del lado del servidor. También rastrea las versiones del navegador, etc.

No estoy seguro de considerarlos 100% "listos para la empresa", pero definitivamente vale la pena echarle un vistazo.