Fangen Sie alle JavaScript-Fehler ab und senden Sie sie an den Server

Ich habe mich gefragt, ob jemand Erfahrung im Umgang mit JavaScript-Fehlern weltweit hat und diese vom Client-Browser an einen Server sendet.

Ich denke, mein Punkt ist ganz klar. Ich möchte jede Ausnahme, jeden Fehler, jeden Kompilierungsfehler usw., der auf der Clientseite auftritt, kennen und an den Server senden, um sie zu melden.

Ich benutze hauptsächlich MooTools und head.js(für die JS-Seite) und Django für die Serverseite.

Ich habe Sentry kürzlich in der Produktion getestet und es funktioniert einwandfrei (JS und andere Sprachen wie PHP).

1- Es ist Open Source (Sie können es auf Ihrem eigenen Server installieren) 2- Sie können den kostenlosen Plan verwenden (100 Berichte / Tag)

Oder installieren Sie es auf Ihrem Server: github.com/getsentry

Ich würde window.onerror auschecken

Beispiel:

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

Beachten Sie, dass durch die Rückgabe von true das Auslösen des Standardhandlers verhindert wird und durch die Rückgabe von false der Standardhandler ausgeführt wird.

Wenn Ihre Website Google Analytics verwendet, können Sie Folgendes tun:

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

Einige Kommentare zum obigen Code:

• Bei modernen Browsern wird die vollständige Stapelverfolgung protokolliert.
• Bei älteren Browsern, die den Stack-Trace nicht erfassen, wird stattdessen die Fehlermeldung protokolliert. (Nach meiner Erfahrung meistens frühere iOS-Version).
• Die Browserversion des Benutzers wird ebenfalls protokolliert, sodass Sie sehen können, welche Betriebssystem- / Browserversionen welche Fehler auslösen. Dies vereinfacht die Priorisierung und das Testen von Fehlern.
• Dieser Code funktioniert, wenn Sie Google Analytics mit "analyse.js" wie folgt verwenden . Wenn Sie „gtag.js“ verwenden stattdessen wie diese , müssen Sie die letzte Zeile der Funktion optimieren. Siehe hier für Details .

Sobald der Code vorhanden ist, sehen Sie die Javascript-Fehler Ihrer Benutzer folgendermaßen an:

1. Klicken Sie in Google Analytics auf den BehaviorAbschnitt und dann auf den Top EventsBericht.
2. Sie erhalten eine Liste der Ereigniskategorien. Klicken Sie window.onerrorin die Liste.
3. Sie sehen eine Liste mit Javascript-Stack-Traces und Fehlermeldungen. Fügen Sie dem Bericht eine Spalte für die Betriebssystem- / Browserversionen Ihrer Benutzer hinzu, indem Sie auf die Secondary dimensionSchaltfläche klicken und Event Labelin das angezeigte Textfeld eingeben.
4. Der Bericht sieht wie im folgenden Screenshot aus.
5. Um die OS / Browser-Zeichenfolgen in besser lesbare Beschreibungen zu übersetzen, kopiere ich sie und füge sie in https://developers.whatismybrowser.com/useragents/parse/ ein.

Versuchen Sie nicht, Dienste von Drittanbietern zu nutzen, sondern versuchen Sie es selbst.

Die Fehlerbehandlungsroutinen können die folgenden Szenarien abfangen:

1. Nicht gefangener TypeError kann nicht erfasst werden
2. Nicht gefangener ReferenceError kann nicht erfasst werden, zB: var.click ()
3. TypeError kann erfasst werden
4. Syntaxfehler können erfasst werden
5. ReferenceError kann erfasst werden

So fangen Sie Javascript-Fehler ab:

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

So erfassen Sie AngularJS-Fehler:

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

Auch der Dienst http://jslogger.com kann dabei helfen:

Protokollieren Sie Javascript-Fehler und -Ereignisse in der Cloud

von http://jslogger.com/features :

Von nun an können Sie alle Fehler ausspionieren, die die Benutzererfahrung Ihrer Website beeinträchtigen. Jeder Javascript-Fehler wird abgefangen und zum späteren Debuggen zu Ihnen gebracht.

HAFTUNGSAUSSCHLUSS: nicht mit dem Service / Unternehmen verbunden.

Sie können Atatus ausprobieren - Es ist ein neuer JavaScript-Fehlerverfolgungsdienst zusammen mit Real User Monitoring (RUM) für moderne Webanwendungen.

Wir erfassen nicht nur die Fehler, sondern auch die Benutzerereignisse, die den Fehler ausgelöst haben. Dies gibt Ihnen Schritte, um den Fehler an Ihrem Ende zu reproduzieren.

Neben der Fehlererfassung erfassen wir auch die Ladezeit der Seite und zeigen sie aus verschiedenen Perspektiven an - Geo, Browser, Seiten-Drilldown, Seitenhistogramm, Ajax-Überwachung und Transaktionsüberwachung.

https://www.atatus.com/

Verfügbare Dokumente: https://www.atatus.com/docs

Haftungsausschluss: Ich bin Webentwickler bei Atatus.

Die nicht erfasste Bibliothek ist eine gute kostenlose Möglichkeit, alle JS-Fehler zu erfassen, einschließlich nicht behandelter Ablehnungen.

Vielleicht möchten Sie diesen neuen Dienst unter http://rescuejs.com/ ausprobieren . https://bugsnag.com/

Hiermit können Sie alle Ihre Javascript-Fehler protokollieren, ohne selbst serverseitigen Code schreiben zu müssen. Es verfolgt auch Browserversionen und so weiter.

Ich bin mir nicht sicher, ob ich sie als 100% "unternehmensfähig" betrachten würde, aber es lohnt sich auf jeden Fall, sie sich anzusehen.