নাম-শরিফুল ইসলাম
ডিবাগার ছাড়া আপনি খুব তাড়াতাড়ি আপনার লিখিত javascript কোড হারিয়ে ফেলবেন। ডিবাগার ছাড়া javascript কোড লেখা খুব কঠিন। আপনার কোড এ syntax এরর অথবা logical এরর থাকতে পারে, এইগুলোকে চিহ্নিত করা কঠিন। প্রায় যখন javascript কোড এ কোন এরর থাকে কিছুই হয় না , কোন এরর বার্তা দেখায় না এবং আপনি কোন ইঙ্গিত পাবেন না আসলে এই এরর গুলো কোথায় খুজতে হবে। সাধারনত প্রত্যেকবার আপনি যখন নতুন javascript কোড লিখতে যান তখন এরর সংঘটিত হয়।
Javascript ডিবাগার :
প্রোগ্রামিং কোডের মধ্যে কোন এরর খোঁজাকে কোড ডিবাগ বলা হয়। এটা খুব একটা সহজ নয় তবে প্রত্যেকটি আধুনিক ব্রাউজার এর সাথে ডিবাগার সংযুক্ত অবস্থায় থাকে। ইউজার দের ত্রুটির প্রতিবেদন পাওয়ার জন্য এই ডিবাগারকে অন বা অফ দুটোই করা যেতে পারে। ডিবাগার দিয়ে আপনি ব্রেকপয়েন্ট সেট করতে পারেন(কোড গণনা কোন জায়গায় থেমে গিয়েছে) এবং variable গুলো পরীক্ষা করে যখন কোড গণনা করা হয়। অন্যথায় পেজ এর পাদদেশ থেকে কিছু স্টেপস অনুসরন করা যেতে পারে। F12 কি ব্যাবহারের মাধ্যমে আপনার ব্রাউজার এর ডেবাগ্ অপশন চালু করতে পারেন এবং এর মেন্যুতে console সিলেক্ট করতে পারেন।
Console.log() মেথড :
যদি আপনার ব্রাউজার ডেবাগ্ সাপোর্ট করে তাহলে আপনি console.log() ব্যবহার করতে পারেন একটি উইন্ডো তে javascript ভ্যালু দেখার জন্য
উদাহরণ
DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
ব্রেক পয়েন্ট সেট করা :
ডেবাগ্ উইন্ডো তে আপনি javascript কোড এর মধ্যে ব্রেক পয়েন্ট সেট করতে পারেন। এতে প্রত্যেকটি ব্রেক পয়েন্ট এ javascript কোড গণনা বন্ধ করবে এবং javascript ভ্যালু পরীক্ষা করবে। পরীক্ষার পর আপনি পুনরায় কোড গণনা চালু করতে পারেন ।
ডিবাগার কি ওয়ার্ড :
ডিবাগার কি ওয়ার্ড javascript কোড গননাকে থামিয়ে দেয় এবং ডিবাগিং ফাংশন কে কল করে যদি তা থাকে। ব্রেক পয়েন্ট সেট করার মতন এটাও একি ফাংশন। যদি ডিবাগিং না থাকে তাহলে ডিবাগার statement এ কোন এফেক্ট পরে না। ডিবাগার চালু করা থাকলে এটি গননাকে থামিয়ে দেয় তৃতীয় লাইন গননার আগেই।
উদাহরণ
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
ব্রাউজার এর ডিবাগিং টুল :
আপনি F12 প্রেস করার মাধ্যমে আপনার ব্রাউজার এর ডি বাগিং চালু করতে পারেন এবং মেন্যু থেকে console সিলেক্ট করতে পারেন অথবা নিচের স্টেপস গুলো অনুসরন করুন
Chrome
ব্রাউজার চালু করুন, মেন্যু থেকে টুলস সিলেক্ট করুন, টুল থেকে ডেভেলপার টুলস সিলেক্ট করুন এবং সবশেষে console সিলেক্ট করুন।
Firefox Firebug:
ব্রাউজার ওপেন করুন, এই সাইট http://www.getfirebug.com যান, নিয়মনীতি অনুসরন করুন কিভাবে ইন্সটল করতে হয়।
Internet Explorer:
ব্রাউজার চালু করুন, মেন্যু থেকে টুলস সিলেক্ট করুন, টুল থেকে ডেভেলপার টুলস সিলেক্ট করুন এবং সবশেষে console সিলেক্ট করুন।
Opera:
ব্রাউজার চাল করুন, এই সাইট http://dev.opera.com/articles/view/opera-developer-tools পরিদর্শন করুন, এবং নিয়মনীতি অনুসরন করুন কিভাবে ডেভেলপার console বাটন যোগ করতে হয়।
Safari Firebug:
ব্রাউজার ওপেন করুন, এই সাইট http://extensions.apple.com পরিদর্শন করুন এবং নিয়মনীতি অনুসরন করুন কিভাবে firebug lite ইন্সটল করতে হয়।
Safari দেভেলপ মেন্যু:
ব্রাউজার থেকে যান preference > Advanced in the main menu ,রেডিও বাটন চেক করে দিতে হবে (Enable Show Develop menu in menu bar), যখন মেন্যুতে ডেভেলপ নামে নতুন অপশন আসবে > তখন “show error console” বাছাই করতে হবে।
আপনি কি জানেন ?
ডিবাগিং হল এক ধরনের প্রক্রিয়া যা দিয়ে কম্পিউটার এর প্রোগ্রাম এর কোন কিছু টেস্ট করা, খুঁজা এবং এরর কে হ্রাস করা বুঝায়।
