ডিবাগিং হলো ডিফেক্ট দূর করার সুপারিশ পদ্ধতি। এটি টেস্ট কেস এক্সিকিউশন দিয়ে শুরু হয়। টেস্ট কেস রান করলে একচুALSE রেজাল্ট এক্সপেক্টেড রেজাল্টের সাথে তুলনা করা হয়। যদি পার্থক্য থাকে, তবে রুট কজ analyসিস করা হয় এবং রিগ্রেশন টেস্ট করা হয়।
স্ট্যাটিক ওয়েব পেজের জন্য HTML ব্যবহৃত হয়। ডাইনামিক ওয়েব অ্যাপ্লিকেশনের জন্য জাভাস্ক্রিপ্ট ব্যবহার করা হয়। প্রোগ্রামাররা বাগ-ফ্রি কোডের জন্য বিভিন্ন ডিবাগিং টেকনিক ব্যবহার করে। জাভাস্ক্রিপ্টের নিজস্ব চমৎকার ডিবাগিং ফাংশনালিটি নেই। सौভাগ্যক্রমে Firebug, ব্রাউজার-ভিত্তিক ডিবাগার ব্যবহার করে জাভাস্ক্রিপ্ট ডিবাগ করা সহজ।
Firebug-এর কম্পোনেন্ট
- JSEditor - জাভাস্ক্রিপ্ট এডিটর। "Break on All Errors" অপশন চেক করলে স্ক্রিপ্ট এক্সিকিউশন পজ করবে।
- Script Tab - Firebug প্যানের চতুর্থ ট্যাব। বাম প্যানেলে জাভাস্ক্রিপ্ট এডিটর, ডান প্যানেলে Watch এবং Breakpoint সাব-প্যানেল থাকে।
- JSFileSelector - আপনার পেজের অধীনে থাকা সব জাভাস্ক্রিপ্ট ফাইলের লিস্ট দেখায়।
- Breakpoint - জাভাস্ক্রিপ্ট এক্সিকিউশন ব্রেকপয়েন্টে থামে। তিন প্রকার: Static, Conditional, Dynamic।
- List of breakpoints - সব ব্রেকপয়েন্টের লিস্ট, অপ্রয়োজনীয়গুলো মুছে ফেলা যায়।
- Watch Window - উপলব্ধ ভেরিয়েবলগুলোর ভ্যালু লিস্ট হিসেবে দেখায় (শুধু স্কোপের ভিতরের ভেরিয়েবল)।
Firebug Add-on ইনস্টলেশন
- Mozilla Firefox খুলুন, টপ রাইটে Open Menu ক্লিক করুন।
- Add-ons ক্লিক করুন, নতুন উইন্ডো খুলবে।
- সার্চ বক্সে Firebug লিখে Enter চাপুন।
- Firebug add-on-এ Install ক্লিক করুন।
Firebug দিয়ে জাভাস্ক্রিপ্ট ডিবাগ করার ৮ ধাপ
- জাভাস্ক্রিপ্ট কোড নোটপ্যাডে লিখে .htm এক্সটেনশনে সেভ করুন, Firefox-এ খুলুন, Firebug কনসোল লঞ্চ করুন।
- চাওয়া লাইনে স্ট্যাটিক ব্রেকপয়েন্ট সেট করুন।
- Step Over, Step Into, Step Out, Continue বাটন ব্যবহার করে লাইন বাই লাইন এক্সিকিউট করুন।
- Watch Window-এ ভ্যালু পর্যবেক্ষণ করুন।
- বাগ চিহ্নিত করে ফিক্স করুন।
- পেজ রিলোড করুন (Ctrl+R)।
- CommandLine API ব্যবহার করুন (debug(fn), undebug(fn))।
- পুনরায় এক্সিকিউট করুন, বাগ থাকলে উপরের ধাপগুলো दुहरান।
Firebug ব্যবহার করে প্রোগ্রামাররা সহজে বাগ ফিক্স করতে পারেন।
