调试 JavaScript

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

调试 JavaScript

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

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

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

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

调试گر JavaScript

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

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

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

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

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

روش console.log() استفاده کنید

اگر مرورگر شما پشتیبانی از调试 را دارد، می‌توانید از console.log() مقادیر JavaScript را در پنجره‌ی调试 نمایش دهید:

مثال

<!DOCTYPE html>
<html>
<body>
<h1>صفحه وب اول من</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 را نصب کنید

Internet Explorer

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

Opera

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

منوی توسعه Safari

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

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

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

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