Tangkap semua kesalahan JavaScript dan kirim ke server

Saya bertanya-tanya apakah ada yang punya pengalaman dalam menangani kesalahan JavaScript secara global dan mengirimkannya dari browser klien ke server.

Saya pikir poin saya cukup jelas, saya ingin tahu setiap pengecualian, kesalahan, kesalahan kompilasi, dll. Yang terjadi di sisi klien dan mengirimkannya ke server untuk melaporkannya.

Saya terutama menggunakan MooTools dan head.js(untuk sisi JS) dan Django untuk sisi server.

Saya baru-baru ini menguji Sentry pada produksi dan berfungsi dengan baik (JS dan bahasa lain seperti PHP)

1- Ini open source (Anda dapat menginstalnya di server Anda sendiri) 2- Anda dapat menggunakan paket gratis (100 laporan / hari)

Atau pasang di server Anda: github.com/getsentry

Saya akan memeriksa window.oner

Contoh:

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

Ingatlah bahwa mengembalikan nilai true akan mencegah penembakan handler default, dan return false akan membiarkan handler default berjalan.

Jika situs web Anda menggunakan Google Analytics, Anda dapat melakukan apa yang saya lakukan:

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

Beberapa komentar pada kode di atas:

• Untuk browser modern, jejak tumpukan penuh dicatat.
• Untuk browser lama yang tidak menangkap jejak stack, pesan kesalahan akan dicatat. (Sebagian besar versi iOS sebelumnya dalam pengalaman saya).
• Versi browser pengguna juga dicatat, sehingga Anda dapat melihat versi OS / browser mana yang melakukan kesalahan. Itu menyederhanakan prioritas dan pengujian bug.
• Kode ini berfungsi jika Anda menggunakan Google Analytics dengan "analytics.js", seperti ini . Jika Anda menggunakan "gtag.js" sebagai gantinya, seperti ini , Anda perlu mengubah baris terakhir fungsi. Lihat di sini untuk detailnya .

Setelah kode di tempat, ini adalah bagaimana Anda melihat kesalahan Javascript pengguna Anda:

1. Di Google Analytics, klik Behaviorbagian lalu Top Eventslaporan.
2. Anda akan mendapatkan daftar Kategori Acara. Klik window.onerrordalam daftar.
3. Anda akan melihat daftar jejak tumpukan Javascript dan pesan kesalahan. Tambahkan kolom ke laporan untuk versi OS / browser pengguna Anda dengan mengklik Secondary dimensiontombol dan masukkan Event Labeldi kotak teks yang muncul.
4. Laporan akan terlihat seperti tangkapan layar di bawah ini.
5. Untuk menerjemahkan string OS / browser ke deskripsi yang lebih dapat dibaca oleh manusia, saya menyalin-menempelkannya ke https://developers.whatismybrowser.com/useragents/parse/

Jangan mencoba menggunakan layanan pihak ketiga, alih-alih coba sendiri.

Penangan Kesalahan dapat menangkap skenario di bawah ini,

1. TypeError yang tidak tertangkap tidak dapat ditangkap
2. ReferenceError yang tidak tertangkap tidak dapat ditangkap misalnya: var.click ()
3. TypeError dapat ditangkap
4. Kesalahan sintaksis dapat ditangkap
5. ReferenceError dapat ditangkap

Untuk Menangkap Kesalahan Javascript:

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

Untuk Menangkap Kesalahan AngularJS:

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

Juga, layanan http://jslogger.com dapat membantu dengan itu:

Catat kesalahan dan kejadian Javascript di cloud

dari http://jslogger.com/features :

Mulai sekarang, Anda dapat memata-matai semua kesalahan yang merusak pengalaman pengguna situs Anda. Setiap kesalahan Javascript akan ditangkap dan dibawa kepada Anda untuk di-debug nanti.

PENOLAKAN: tidak berafiliasi dengan layanan / perusahaan.

Anda dapat mencoba Atatus - Ini adalah Layanan Pelacakan Kesalahan JavaScript baru bersama dengan Pemantauan Pengguna Nyata (RUM) untuk aplikasi web modern.

Kami tidak hanya menangkap kesalahan, tetapi juga peristiwa pengguna yang memicu kesalahan. Ini memberi Anda langkah-langkah untuk mereproduksi kesalahan di akhir Anda.

Di samping penangkapan kesalahan, kami juga menangkap waktu pemuatan halaman dan menunjukkannya di berbagai perspektif - Geo, Browser, Page Drill Down, Histogram Halaman, Pemantauan Ajax, dan Pemantauan Transaksi.

https://www.atatus.com/

Documents tersedia: https://www.atatus.com/docs

Penafian: Saya seorang pengembang web di Atatus.

The tertangkap perpustakaan yang baik bebas cara capture semua kesalahan JS, termasuk penolakan tertangani.

Anda mungkin ingin memeriksa layanan baru ini, http://rescuejs.com/ . https://bugsnag.com/

Memungkinkan Anda mencatat semua kesalahan javascript Anda tanpa menulis kode sisi server sendiri. Ini juga melacak versi peramban dan sebagainya.

Saya tidak yakin saya akan menganggap mereka 100% "perusahaan siap", tapi itu pasti layak untuk dicoba.