JavaScript Debugging

জাভাস্ক্রিপ্ট ডিবাগিং শিখুন

ডিবাগিং

আপনি যখনই কিছু নতুন কম্পিউটার কোড লিখবেন তখনই ত্রুটি (ঘটবে) ঘটবে।

🐛আকর্ষণীয় তথ্য:

ডিবাগিং হল কম্পিউটার প্রোগ্রামে ত্রুটি (বাগ) পরীক্ষা, সনাক্তকরণ এবং হ্রাস করার প্রক্রিয়া। প্রথম পরিচিত কম্পিউটার বাগটি ইলেকট্রনিক্সে আটকে থাকা একটি প্রকৃত বাগ (একটি পোকা) ছিল।

কোড ডিবাগিং

প্রোগ্রামিং কোডে সিনট্যাক্স ত্রুটি বা যৌক্তিক ত্রুটি থাকতে পারে।

এই ত্রুটিগুলির অনেকগুলি সনাক্ত করা কঠিন।

প্রায়শই, যখন প্রোগ্রামিং কোডে ত্রুটি থাকে, তখন কিছুই ঘটে না। কোন ত্রুটি বার্তা নেই, এবং ত্রুটির জন্য কোথায় যেতে হবে তার কোন ইঙ্গিত নেই৷

🔍সংজ্ঞা:

প্রোগ্রামিং কোডে ত্রুটি খুঁজে বের করা (এবং ঠিক করা) কোড ডিবাগিং বলা হয়।

জাভাস্ক্রিপ্ট ডিবাগার

ডিবাগিং সহজ নয়। কিন্তু ভাগ্যক্রমে, সমস্ত আধুনিক ব্রাউজারে একটি অন্তর্নির্মিত জাভাস্ক্রিপ্ট ডিবাগার রয়েছে।

অন্তর্নির্মিত ডিবাগারগুলি চালু এবং বন্ধ করা যেতে পারে, ব্যবহারকারীকে ত্রুটিগুলি রিপোর্ট করা হয়৷

ব্রেকপয়েন্ট

এমন জায়গা যেখানে ইন্ডেক্সিং বন্ধ হতে পারে

ভেরিয়েবল অধ্যয়ন

কোডটি কার্যকর হলে ভেরিয়েবলগুলি পরীক্ষা করুন

কার্যকলাপ পুনরায় শুরু

মান পরীক্ষা করার পরে কোড দিয়ে এগিয়ে যান

🎮সঠিক উপায়:

সাধারণত (অন্যথায় এই পৃষ্ঠার নীচের ধাপগুলি অনুসরণ করুন), আপনি আপনার ব্রাউজারে F12 কী দিয়ে ডিবাগার সক্রিয় করুন এবং ডিবাগার মেনু থেকে "কনসোল" নির্বাচন করুন৷

console.log() পদ্ধতি

যদি আপনার ব্রাউজার ডিবাগিং সমর্থন করে, আপনি ডিবাগার উইন্ডোতে জাভাস্ক্রিপ্ট মান প্রদর্শন করতে console.log() ব্যবহার করতে পারেন:

উদাহরণ

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

📝টিপ:

console.log() JavaScript Console .

ব্রেকপয়েন্ট সেট করা

ডিবাগার উইন্ডোতে, আপনি জাভাস্ক্রিপ্ট কোডে ব্রেকপয়েন্ট সেট করতে পারেন।

প্রতিটি ব্রেকপয়েন্টে, জাভাস্ক্রিপ্ট এক্সিকিউশন বন্ধ করে দেয় এবং আপনাকে জাভাস্ক্রিপ্ট মান পরিদর্শন করতে দেয়।

মানগুলি পরীক্ষা করার পরে, আপনি কোডটি সম্পাদন পুনরায় শুরু করতে পারেন (সাধারণত একটি প্লে বোতাম দিয়ে)।

ব্রেকপয়েন্ট

কোড কোথায় চলে তা নিয়ন্ত্রণ করে

পরিবর্তনশীল বিশ্লেষণ

তারা ব্রেকপয়েন্টে মান পরীক্ষা করতে সাহায্য করে

পর্যায়ক্রমে বাস্তবায়ন

তারা লাইন দ্বারা কোড কার্যকর করা অনুমতি দেয়

ডিবাগার কীওয়ার্ড

ডিবাগার কীওয়ার্ড জাভাস্ক্রিপ্টের সম্পাদন বন্ধ করে এবং ডিবাগ ফাংশনকে কল করে (যদি উপলব্ধ থাকে)।

এটি ডিবাগারে একটি ব্রেকপয়েন্ট সেট করার সমতুল্য কার্যকারিতা রয়েছে।

যদি কোনো ডিবাগার পাওয়া না যায়, ডিবাগার স্টেটমেন্টের কোনো প্রভাব নেই।

ডিবাগার সক্রিয় থাকলে, তৃতীয় লাইনটি চালানোর আগে এই কোডটি কার্যকর করা বন্ধ করবে।

উদাহরণ

let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;

ব্যবহারিক প্রয়োগ:

ডিবাগার কীওয়ার্ডটি ডেভেলপমেন্টের সময় কোডে সাময়িকভাবে ব্রেকপয়েন্ট ঢোকানোর জন্য উপযোগী, কিন্তু প্রোডাকশন কোডে সরিয়ে ফেলা উচিত।

প্রধান ব্রাউজারগুলির ডিবাগিং টুল

সাধারণত, আপনি আপনার ব্রাউজারে F12 দিয়ে ডিবাগিং সক্রিয় করেন এবং ডিবাগ মেনু থেকে "কনসোল" নির্বাচন করুন।

অন্যথায় এই পদক্ষেপগুলি অনুসরণ করুন:

ব্রাউজার পদক্ষেপ
Chrome
  1. ব্রাউজার খুলুন
  2. মেনু থেকে, "আরো সরঞ্জাম" নির্বাচন করুন।
  3. টুল থেকে, "ডেভেলপার টুলস" নির্বাচন করুন।
  4. অবশেষে, কনসোল নির্বাচন করুন
Firefox
  1. ব্রাউজার খুলুন
  2. মেনু থেকে, "ওয়েব ডেভেলপার" নির্বাচন করুন।
  3. অবশেষে, "ওয়েব কনসোল" নির্বাচন করুন।
Edge
  1. ব্রাউজার খুলুন
  2. মেনু থেকে, "ডেভেলপার টুলস" নির্বাচন করুন।
  3. অবশেষে, "কনসোল" নির্বাচন করুন।
Opera
  1. ব্রাউজার খুলুন
  2. মেনু থেকে, "ডেভেলপার" নির্বাচন করুন।
  3. "ডেভেলপার" থেকে "ডেভেলপার টুল" নির্বাচন করুন।
  4. অবশেষে, "কনসোল" নির্বাচন করুন।
Safari
  1. Safari, Preferences, Advanced-এ যান
  2. "মেনু বারে বিকাশ মেনু দেখান সক্ষম করুন" চেক করুন।
  3. যখন একটি নতুন বিকল্প "বিকাশ" মেনুতে প্রদর্শিত হবে: "ত্রুটি কনসোল দেখান" নির্বাচন করুন।

আরও দেখুন

JavaScript Errors

জাভাস্ক্রিপ্ট ত্রুটি সম্পর্কে জানুন

JavaScript Silent Errors

নীরব ত্রুটি বুঝতে

JavaScript Error Statements

ত্রুটি রিপোর্ট পরিচালনা

JavaScript Error Object

ত্রুটি বস্তু ব্যবহার করে

অনুশীলন করুন

একটি ডিবাগার উইন্ডোতে তথ্য প্রদর্শনের সবচেয়ে সাধারণ উপায় কি?

debug.log()
✗ ভুল! JavaScript এর কোনো debug.log() পদ্ধতি নেই
console.log()
✓ ঠিক আছে! console.log() একটি মানক জাভাস্ক্রিপ্ট পদ্ধতি যা ডিবাগিং এবং ডাউনলোড করার জন্য ডিবাগার কনসোলে মান প্রদর্শন করতে ব্যবহৃত হয়।
document.log()
✗ ভুল! নথি বস্তুর একটি log() পদ্ধতি নেই। এটি একটি ডিবাগ উইন্ডোর পরিবর্তে একটি HTML নথিতে তথ্য প্রদর্শন করতে ব্যবহৃত হয়