Application Real-Time Monitoring Service:Diagnostik error JS

Berinteraksi dengan grafik tren error

• Lihat data pada titik waktu tertentu — Arahkan kursor ke kurva untuk melihat jumlah error, laju error, dan jumlah pengguna yang terdampak pada saat tersebut.

• Buka Exception Insight — Arahkan kursor ke titik balik pada kurva hingga pointer berubah menjadi ikon tangan, lalu klik. Kotak dialog Exception Insight akan terbuka. Lihat Exception Insight untuk detail selengkapnya.

• Perbesar rentang waktu tertentu — Klik dan seret untuk memilih area pada grafik. Tampilan akan diperbesar untuk menampilkan rentang yang dipilih. Klik Reset Zoom di pojok kanan atas untuk mengembalikan tampilan awal.

Ringkasan

Bagian Summary mencakup bidang-bidang berikut:

Tumpukan panggilan

Bagian Stack Info menampilkan tumpukan panggilan pada saat error terjadi. Gunakan bagian ini untuk melacak error hingga ke fungsi dan baris kode yang gagal.

Memetakan tumpukan panggilan yang diminifikasi dengan source map

File JS yang diminifikasi atau dibundel menghasilkan tumpukan panggilan yang sulit dibaca. Unggah file source map untuk memetakan tumpukan panggilan tersebut kembali ke kode sumber asli Anda.

1. Pada bagian Stack Info, klik ikon segitiga di sisi kiri frame stack untuk memperluasnya.

2. Klik Choose Sourcemap.

3. Pada kotak dialog Sourcemap File, pilih file source map yang sudah ada atau unggah yang baru.

4. Klik OK.

ARMS menggunakan file source map untuk menguraikan tumpukan panggilan yang diminifikasi menjadi file, fungsi, dan baris kode yang tepat dalam kode sumber asli Anda.

Jejak perilaku pengguna

Bagian User Behavior Trace mencatat garis waktu tindakan pengguna yang mengarah ke error. Tinjau garis waktu ini untuk merekonstruksi langkah-langkah yang memicu error.

Pelacakan perilaku pengguna diaktifkan secara default. Untuk menonaktifkannya, atur behavior: false dalam konfigurasi SDK. Untuk informasi selengkapnya, lihat Referensi SDK.

Distribusi error

Klik tab Error View untuk melihat bagaimana error JS tertentu didistribusikan berdasarkan dimensi yang berbeda:

Pada tab Error View:

• Pada bagian Time View, arahkan kursor ke grafik untuk melihat jumlah error pada setiap titik waktu.

• Pada bagian Browser View, OS View, Device View, dan Version View, arahkan kursor ke grafik untuk melihat jumlah error dan persentasenya.

• Pada bagian Geographical View, pada tab China View atau World View, klik panah di sebelah header kolom Errors untuk mengurutkan berdasarkan urutan naik atau turun.

Bagaimana cara mengaktifkan atau menonaktifkan pelacakan perilaku pengguna?

Pelacakan perilaku pengguna diaktifkan secara default. Untuk menonaktifkannya, tambahkan behavior: false ke konfigurasi SDK:

<script>
    !(function (c, b, d, a) {
        c[a] || (c[a] = {});
        c[a].config = {
            pid: "<your-pid>",
            imgUrl: "https://arms-retcode.aliyuncs.com/r.png?",
            sendResource: true,
            enableLinkTrace: true,
            behavior: false
        };
        with(b) with(body) with(insertBefore(createElement("script"), firstChild)) setAttribute("crossorigin", "", src = d)
    })(window, document, "https://retcode.alicdn.com/retcode/bl.js", "__bl");
</script>

Ganti <your-pid> dengan PID aplikasi Anda yang sebenarnya.

Untuk daftar lengkap item konfigurasi SDK, lihat Referensi SDK.

console.log menampilkan error di bl.js, bukan di kode sumber saya. Bagaimana cara memperbaikinya?

ARMS menulis ulang console.log untuk menangkap output konsol browser sebagai bagian dari pelacakan perilaku pengguna. Hal ini menyebabkan tumpukan panggilan di konsol mengarah ke file SDK ARMS (bl.js) alih-alih kode aplikasi Anda.

Solusi 1 (disarankan): Atur blackboxing di Chrome DevTools

1. Buka Chrome, tekan Ctrl+Shift+I untuk membuka Developer Tools, lalu klik ikon Pengaturan.

2. Pada panel navigasi kiri Settings, klik Blackboxing.

3. Klik Add pattern.

4. Pada bidang Pattern, masukkan /bl.*\.js$, lalu klik Add.

Chrome kini akan melewati frame bl.js dalam tumpukan panggilan, sehingga menampilkan kode sumber asli Anda.

Solusi 2: Nonaktifkan pelacakan perilaku pengguna

Atur behavior: false dalam konfigurasi SDK untuk menghentikan ARMS dari menulis ulang console.log. Lihat FAQ sebelumnya untuk contoh konfigurasinya.