Error browser dicatat ke konsol

Sebagian besar browser dilengkapi dengan alat developer bawaan. Alat developer ini biasanya mencakup konsol. Konsol memberikan informasi tentang halaman yang sedang berjalan.

Pesan yang dicatat dalam konsol berasal dari developer web yang membuat halaman atau browser itu sendiri. Semua pesan konsol memiliki tingkat keparahan: Verbose, Info, Warning, atau Error. Pesan Error berarti ada masalah di halaman Anda yang perlu diselesaikan.

Penyebab kegagalan audit error browser Lighthouse

Lighthouse menandai semua error browser yang dicatat ke konsol:

Audit Lighthouse yang menampilkan error browser di konsol.

Cara memperbaiki error browser

Perbaiki setiap error browser yang dilaporkan Lighthouse untuk memastikan halaman Anda berjalan sesuai harapan bagi semua pengguna.

Chrome DevTools menyertakan beberapa alat untuk membantu Anda melacak penyebab error:

  • Di bawah teks setiap error, Konsol DevTools menampilkan stack panggilan yang menyebabkan kode bermasalah dieksekusi.
  • Link di kanan atas setiap error akan menampilkan kode yang menyebabkan error tersebut.

Misalnya, screenshot ini menunjukkan halaman dengan dua error:

Contoh error di Konsol Chrome DevTools.

Dalam contoh, error pertama berasal dari developer web dari panggilan ke console.error(). Error kedua berasal dari browser dan menunjukkan bahwa variabel yang digunakan dalam salah satu skrip halaman tidak ada.

Di bawah teks setiap error, Konsol DevTools menunjukkan stack panggilan tempat error muncul. Misalnya, untuk error pertama, Konsol menunjukkan bahwa fungsi (anonymous) memanggil fungsi init, yang memanggil fungsi doStuff. Mengklik link pen.js:9 di kanan atas error tersebut akan menampilkan kode yang relevan.

Dengan meninjau kode yang relevan untuk setiap error dengan cara ini, Anda dapat mengidentifikasi dan menyelesaikan kemungkinan masalah.

Jika Anda tidak dapat mengetahui penyebab error, coba masukkan teks error ke mesin telusur. Jika Anda tidak dapat menemukan solusi atas masalah Anda, coba ajukan pertanyaan di Stack Overflow.

Jika Anda tidak dapat memperbaiki error, pertimbangkan untuk membungkusnya dalam pernyataan try...catch untuk menunjukkan secara eksplisit dalam kode bahwa Anda mengetahui masalah tersebut. Anda juga dapat menggunakan blok catch untuk menangani error dengan lebih baik.

Resource