Error browser dicatat ke konsol

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

Pesan yang dicatat di 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 menunjukkan ada masalah di halaman Anda yang harus Anda selesaikan.

Cara audit error browser Lighthouse gagal

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 seperti yang diharapkan untuk semua pengguna.

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

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

Misalnya, screenshot ini menampilkan halaman yang memiliki 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 akan 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.

Meninjau kode yang relevan untuk setiap error dengan cara ini dapat membantu Anda mengidentifikasi dan mengatasi kemungkinan masalah.

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

Jika error tidak dapat diperbaiki, sebaiknya gabungkan ke 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.

Referensi