0

Cara mengetahui error pada javascript atau jquery

Pada bahasa pemrograman PHP, jika terdapat error pada script, maka error tersebut akan langsung tampil di halaman browser.
error pada phpLalu bagaimana dengan javascript?

Di javascript, error yang ditampilkan tidak akan muncul di halaman browser, tapi akan tampil di mode console pada Developer Tools.

Cara mengetahui error pada javascript atau jquery


Developer Tools (DevTools) adalah tools yang digunakan untuk membantu kamu dalam mendevelop, testing dan debug suatu website. Bisa dilihat pada gambar diatas, menu Elements, Network, Sources, Timeline, Profiles, Resources, Audits, Consoles merupakan bagian dari DevTools.

ConsoleĀ merupakan salah satu menu dari DevTools yang berfungsi untuk melihat error pada javascript atau jquery.

CARA MENGGUNAKAN CONSOLE

1) Untuk menggunakan console, klik kanan pada browser > inspect element > pilih tab console.
membuka inspect element pada browser

2) Misalkan disini saya punya script javascript yang benar-benar salah:

<script>
docume.write('ini javascript');
</script>

3) Maka saat dilihat di console akan tampil error seperti ini :
error pada javascript lagi

– Nomor 1, akan menampilkan jumlah script yang error.
Misalkan di javascript kamu terdapat 3 script yang error, maka di console akan tampil 3 error juga.
– Nomor 2, menunjukkan baris keberapa dari script yang error.
– Nomor 3, merupakan detail errornya.
Pada error diatas berbunyi “docume is not defined” artinya “docume” bukan merupakan script yang disedikan javascript.
Yang disediakan oleh javascript adalah “document” bukan “docume“.

4) Lebih lanjut mengenai error nomor 2, jika kamu mengklik error_javascript.html:2, maka akan diarahkan ke menu source dan disitu kamu bisa melihat tanda kuning pada baris nomor 2, itu artinya script pada baris 2 merupakan script yang error.

error javascript source

5) Seharusnya script yang benar adalah seperti ini :

<script>
document.write('ini javascript');
</script>

6) Jika kamu menggunakan jquery, errornya pun akan tampil di mode console, sama saja dengan javascript.

VIDEO


 

— Semoga bermanfaat ! —

[related_post themes="text" id="2560"]

Ambar Hasbiyatmoko

Hello, I’m web developer. Passionate about programming, networking and web server. @kaskus  @facebook

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.