Cara cek error javascript di chrome

Jika situs Anda menghasilkan kesalahan javascript, kesalahan tersebut akan ditampilkan di konsol Javascript browser Anda. Untuk memeriksa kesalahan javascript, cukup buka konsol dan cari kesalahannya. Ini akan terlihat seperti ini

Kesalahan umumnya ditandai dengan warna merah atau dengan ×. Kesalahan apa pun di situs Anda berpotensi menghentikan semua eksekusi javascript lainnya, mencegah skrip lain untuk dapat dijalankan

Teks merah menggambarkan kesalahan (dalam contoh di atas, skrip memanggil fungsi, examplefunc(), yang tidak ada)

Tautan di sebelah kanan menunjukkan skrip dan nomor baris tempat kesalahan terjadi. Perhatikan bahwa ini tidak berarti itu adalah kode yang bermasalah. Misalnya, baris itu akan sering menunjukkan bahwa kesalahan terjadi di jquery.js, tetapi bug di inti jQuery sangat jarang dan sangat tidak mungkin menjadi sumber masalah Anda. Klik panah di sebelah kiri untuk membuka Stack Trace, yang akan menampilkan semua fungsi yang dipanggil di sepanjang jalan, dengan skrip dan nomor barisnya. Umumnya skrip yang berasal dari tema atau plugin yang menyebabkan masalah

Memeriksa kesalahan JavaScript di situs Anda dapat memberi tahu Anda tentang masalah apa pun dengan pengoptimalan JavaScript, dan membantu Anda memecahkan masalah. Anda dapat memeriksa kesalahan ini menggunakan alat yang terpasang di browser Anda.  

Jika kesalahan yang Anda temukan adalah jQuery is not defined, silakan lihat panduan ini untuk mengatasinya

Jika Anda menghubungi tim dukungan kami karena kesalahan terkait, harap ambil tangkapan layar detail kesalahan agar kami dapat membantu Anda dengan lebih baik.  

Situs web menggunakan beberapa bahasa pengkodean situs web yang berbeda untuk bekerja. Semua situs web menggunakan HTML, CSS, dan JavaScript untuk menampilkan halaman web kepada pengunjung

Ketika situs web memuat tetapi situs web tidak ditampilkan dengan benar, ini biasanya karena kesalahan pengkodean di situs. Biasanya ini disebabkan oleh kesalahan JavaScript atau CSS. Artikel ini akan berfokus pada mendiagnosis kesalahan pengkodean JavaScript

Bagaimana saya tahu ini masalah JavaScript?

JavaScript digunakan untuk membuat berbagai perilaku terjadi di situs Anda. Semua perilaku ini dilakukan melalui pengunjung browser situs. Contohnya adalah Peragaan Slide Gambar, kotak Pop Up, Menu, dan lainnya. Saat situs web Anda dimuat, tetapi perilaku di situs Anda berhenti berfungsi, ini biasanya karena kode JavaScript tidak berfungsi

Apa yang terjadi jika JavaScript Anda gagal?

Jika Anda memiliki JavaScript di situs Anda yang tidak berfungsi, Anda dapat mendiagnosisnya dengan menggunakan browser Anda "Konsol Kesalahan". Setiap browser memiliki "Konsol Kesalahan" bawaan untuk mendiagnosis kesalahan skrip di situs Anda. Di bawah ini akan menunjukkan kepada Anda cara memeriksa "Konsol Kesalahan" di FireFox, Internet Explorer, Chrome, Opera, dan Safari

Mendiagnosis kesalahan JavaScript

Untuk menjelaskan cara mendiagnosis kesalahan JavaScript, kami akan menggunakan skrip "munculan" sederhana di bawah ini (Snapshot ke kanan menunjukkan fungsinya)

Skrip ini hanya membuat kotak pop up yang mengatakan “Saya adalah kotak peringatan. “. Script tersebut akan kita pecahkan sehingga menimbulkan error dengan menghilangkan salah satu tanda kutip seperti berikut ini

Saat situs web dijalankan, kode akan rusak di mana kutipannya hilang. Cuplikan di sebelah kanan menunjukkan kode yang rusak, dan letak baris dalam kode

Dalam hal ini Jalur 33 rusak. Metode di bawah ini akan menunjukkan cara menemukan baris kode yang rusak melalui browser Anda

Konsol Javascript untuk FireFox

Menggunakan contoh kode dari bagian “Mendiagnosis kesalahan JavaScript” di atas, Kami akan menemukan kesalahan JavaScript menggunakan Firefox

1. Buka FireFox
2. 

   Buka Alat > Pengembang Web > Konsol Kesalahan. Jika Anda tidak memiliki Alat di bagian atas, Anda dapat menggunakan pintasan berikut

   Ctrl + Shift + J

   
   

3. 

   Kunjungi halaman dengan kesalahan. Dalam hal ini Anda akan melihat kesalahan pada Baris 33 di Konsol Kesalahan FireFox. Lihat gambar ke kanan
   

Konsol Javascript untuk Internet Explorer

Perlu diingat bahwa kami menggunakan contoh kode dari bagian “Mendiagnosis kesalahan JavaScript” di awal artikel ini. Di bawah ini adalah cara menggunakan Konsol Kesalahan di Internet Explorer

1. Buka Internet Explorer
2. Tekan tombol fungsi pada keyboard Anda, F12
3. 

   Kunjungi halaman web Anda dengan kesalahan. Anda akan melihat kesalahan dengan nomor baris di mana kesalahan terjadi pada dokumen di jendela Konsol Kesalahan bawah. Cuplikan ke kanan menunjukkan kesalahan pada baris 33
   

Konsol Javascript untuk Chrome

Dari contoh bagian “Mendiagnosis kesalahan JavaScript” ke arah atas, kita akan menemukan kesalahan JavaScript pada halaman web di Google Chrome

1. Buka Google Chrome
2. Klik tombol "Sesuaikan dan Kontrol Google Chrome" di sisi kanan atas
3. 

   Dari menu tarik-turun, buka Alat > konsol JavaScript. Atau Anda bisa menekan

   Ctrl + Shift + J

   
   

4. 

   Kunjungi situs dengan kesalahan. Di jendela Konsol Kesalahan Anda akan melihat kesalahan ditampilkan di baris 33. Lihat gambar ke kanan
   

Konsol Javascript untuk Opera

Melanjutkan untuk mendiagnosis kesalahan dari bagian "Mendiagnosis kesalahan JavaScript", kami akan menemukan kesalahan JavaScript di halaman web di Opera

1. Buka Opera
2. Klik tombol Opera di kanan atas
3. 

   Buka Halaman > Alat Pengembang > Konsol Kesalahan. Atau Anda dapat menekan tombol keyboard berikut

   Ctrl + Shift + O

   _

   
   
   

4. 

   Konsol Kesalahan akan muncul. Anda dapat memindahkan jendela ke samping saat Anda mengunjungi situs Anda. Anda akan melihat daftar kesalahan saat mengunjungi situs dengan kode yang rusak. Gambar di sebelah kanan menunjukkan kesalahan pada baris 33
   

Konsol Javascript untuk Safari

Melanjutkan contoh kesalahan sebelumnya dari bagian "Mendiagnosis kesalahan JavaScript", Kami akan melihat Konsol Kesalahan di Safari

1. Buka browser Safari Anda
2. Klik tombol "Tampilkan menu pengaturan Safari umum" di kanan atas yang terlihat seperti roda gigi
3. 

   Klik Preferensi
   

4. 

   Pada tab Advanced, pastikan Anda mencentang kotak "Show Develop menu in menu bar".
   

5. 

   Ikon “Tampilkan menu untuk halaman saat ini” di kanan atas yang terlihat seperti kertas dengan sudut bengkok

   Bagaimana cara memeriksa kesalahan dalam JavaScript?

   JavaScript menyediakan mekanisme penanganan error untuk menangkap error runtime menggunakan try-catch-finally block , mirip dengan bahasa lain seperti Java atau C#. mencoba. bungkus kode mencurigakan yang dapat menimbulkan kesalahan di blok percobaan. menangkap. tulis kode untuk melakukan sesuatu di blok tangkap ketika terjadi kesalahan.

   Bagaimana cara memperbaiki masalah JavaScript di Chrome?

   Aktifkan JavaScript di browser Anda .

   Buka Chrome di komputer Anda

   Klik. Pengaturan

   Klik Keamanan dan Privasi

   Klik Setelan situs

   Klik JavaScript

   Situs Pilih dapat menggunakan Javascript

   Bagaimana cara memperbaiki kesalahan JavaScript?

   Karena kita mengetahui dua jenis utama kesalahan JavaScript, kita dapat dengan cepat melanjutkan untuk memperbaikinya. .

   Saat Ragu, Muat Ulang. Terkadang hal paling sederhana yang dapat kita lakukan adalah memuat ulang halaman web. .

   Periksa Apakah JavaScript Diaktifkan. .

   Gunakan Alat Pengembang Dalam Peramban. .

   Periksa Kompatibilitas Lintas-Browser. .

   Gunakan Konsol. .

   Pada akhirnya