Javascript console di browser untuk debugging

Proses debugging bagi developer javascript bisa sangat melelahkan. Untungnya beberapa browser modern mempunyai fitur Developer Tools. Nah Dev Tools itu punya fitur console, dimana kita bisa mengakses fungsi/variabel javascript lewat command line di browser. Bagaimana cara debug javascript melalui browser?

Contoh menggunakan Google Chrome (bisa juga memakai Firefox) View > Developer > JavaScript Console untuk mengaktifkan jendela developer console.

Ada 2 fungsi console yang sering saya gunakan, yaitu console.log() dan console.table()

Semisal kita punya variabel object

var data = [  
    { name: "Andi", age: "21", city: "Tuban" },  
    { name: "Ani", age: "25", city: "Trenggalek" },  
    { name: "Adi", age: "30", city: "Kediri" }  
];

Nah melalui jendela developer console, kita bisa mengetahui isi variabel data dengan menggunakan perintah

console.log(data)

atau

console.table(data)

Yah kira-kira begitu, kalau ada yang bingung silahkan tanya saja atau langsung ke dokumentasi resminya di https://developer.mozilla.org/en-US/docs/Web/API/console

Dah gitu aja cara debug javascript melalui console di browser 🙂

Oh iya, baca juga cara Menghindari error javascript console.log di browser lama.

sumber: http://www.hongkiat.com/blog/tabular-data-browser-console/ (maaf mas agus saya pinjem screenshotnya, semoga tidak keberatan)

Nanda Widyatama

Seorang web developer. Gemar diajak kuliner. Suka fotografi. Sering ngedit sana ngedit sini. Suami yang siaga.