جسٹسکریپٹ دبغ

خطاها همیشه رخ می‌دهند، هر بار که کد جدیدی از کامپیوتر خود می‌نویسید.

جسٹسکریپٹ دبغ

نوشتن JavaScript بدون دباگر دشوار است.

ممکن است در کد شما خطاهای دستوری یا منطقی وجود داشته باشد که تشخیص آنها دشوار است.

معمولاً اگر کد JavaScript شامل خطا باشد، هیچ چیزی اتفاق نمی‌افتد. هیچ پیام خطایی وجود ندارد و هیچ راهنمایی برای یافتن خطا وجود ندارد.

معمولاً هر بار که تلاش می‌کنید کد جدید JavaScript بنویسید، ممکن است خطا رخ دهد.

داگر JavaScript

یافتن خطاهای کد برنامه‌نویسی به عنوان debugging شناخته می‌شود.

调试 نیست که ساده باشد. اما خوشبختانه، همه مرورگرهای مدرن دباگر داخلی دارند.

داگرهای داخلی قابل باز و بسته شدن هستند و به طور اجباری گزارش خطاها را به کاربر نشان می‌دهند.

با استفاده از دباگر، می‌توانید نقاط توقف (محل‌هایی که اجرای کد متوقف می‌شود) تنظیم کنید و در زمان اجرای کد مقادیر متغیرها را بررسی کنید.

معمولاً دباگر را با استفاده از کلید F12 در مرورگر فعال کرده و سپس در منوی دباگر گزینه "کنسول" را انتخاب می‌کنند.

روش 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 مراجعه کنید تا اطلاعات بیشتری در مورد روش console.log() بدست آورید.

نقاط توقف تنظیم کنید

در پنجره دباگری، می‌توانید نقاط توقف را در کد JavaScript تنظیم کنید.

در هر نقطه توقف، JavaScript متوقف شده تا بتوانید مقادیر JavaScript را بررسی کنید.

بعد از بررسی مقادیر، می‌توانید اجرای کد را ادامه دهید.

کلمه کلیدی debugger

debugger کلمات کلیدی اجرای JavaScript را متوقف کرده و (اگر موجود باشد) فراخوانی می‌کنند.

این همان عملکرد تنظیم نقاط توقف در دباگر است.

اگر دباگر در دسترس نباشد،debugger این دستور هیچ اثری ندارد.

اگر دباگر باز باشد، این کد قبل از اجرای سومین خط متوقف می‌شود.

مثال

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

به طور شخصی امتحان کنید

ابزارهای调试 مرورگرهای اصلی

معمولاً شما می‌توانید با استفاده از کلید F12 در مرورگر خود调试 را فعال کنید و در منوی调试‌گر گزینه “کنسول” را انتخاب کنید.

در غیر این صورت، لطفاً طبق مراحل زیر عمل کنید:

Chrome

  • مرورگر باز کنید
  • از منو ابزارها انتخاب کنید
  • از ابزارهای موجود، ابزار توسعه‌دهنده را انتخاب کنید
  • در نهایت، کنسول را انتخاب کنید

Firebug Firefox

  • مرورگر باز کنید
  • به وب‌سایت http://www.getfirebug.com بروید
  • بر اساس دستورالعمل‌های زیر: چگونه Firebug را نصب کنید

اینترنت اکسپلورر

  • مرورگر باز کنید
  • از منو ابزارها انتخاب کنید
  • از ابزارهای موجود، ابزار توسعه‌دهنده را انتخاب کنید
  • در نهایت، کنسول را انتخاب کنید

Opera

  • مرورگر باز کنید
  • به وب‌سایت http://dev.opera.com بروید
  • بر اساس دستورالعمل‌های زیر: چگونه Firebug Lite را نصب کنید

منوی Safari Develop

  • روی منوی Safari، تنظیمات، پیشرفته کلیک کنید.
  • گزینه “منوی توسعه‌دهنده را در نوار منو فعال کنید” را انتخاب کنید.
  • وقتی گزینه جدیدی به منوی ظاهر می‌شود “توسعه‌دهنده”، گزینه “کنسول خطاها را نمایش دهید” را انتخاب کنید.

آیا می‌دانستید؟

调试 است فرآیندی است که در آن باگ‌ها (اشتباهات) در برنامه‌های کامپیوتری شناسایی و کاهش می‌یابند.

اولین باگ شناخته شده در تاریخ کامپیوتر یک حشره واقعی (گونه‌ای حشره) بود که در یک دستگاه الکترونیکی گیر کرده بود.