الت调试 جافا سكريبت

الأخطاء ستحدث دائمًا، كلما كتبت بعض الكود الجديد للحاسوب.

الت调试 جافا سكريبت

كتابة JavaScript بدون م-debugger أمر صعب.

قد تحتوي كودك على أخطاء لغوية أو منطقية، والتي من الصعب تشخيصها.

عادةً، إذا كان يحتوي كود JavaScript على أخطاء، لن يحدث أي شيء. لن تكون هناك رسائل خطأ، ولن تكون هناك أي إشارات يمكن العثور عليها لتتبع الأخطاء.

عادةً، كلما حاولت كتابة كود جديد JavaScript، قد تحدث أخطاء.

م-debugger JavaScript

يُطلق على البحث عن أخطاء في الكود البرمجي اسم الت调试.

الت调试 ليس بسيطًا. ولكن لحسن الحظ، جميع المتصفحات الحديثة تحتوي على م-debugger مدمج.

يمكن فتح وإغلاق الم-debugger المدمج، وإجبار المستخدم على استقبال تقارير الأخطاء.

من خلال الت调试، يمكنك أيضًا إعداد نقاط توقف (مكان توقف تنفيذ الكود)، وتحقق من المتغيرات أثناء تنفيذ الكود.

عادةً، يتم تشغيل م-debugger في المتصفح عن طريق مفتاح 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 الخاص بنا للحصول على معلومات إضافية حول طريقة console.log().

إعداد نقطة توقف

في نافذة الت调试، يمكنك إعداد نقاط توقف في كود JavaScript.

في كل نقطة توقف، سيوقف JavaScript التنفيذ لتمكينك من التحقق من قيم JavaScript.

بعد التحقق من القيم، يمكنك استئناف تنفيذ الكود.

كلمة الم-debugger المفتاحية

debugger الكلمات المفتاحية توقف تنفيذ JavaScript وتدعو (إذا كان هناك) إلى وظيفة الت调试.

وهذا يشبه إعداد نقطة توقف في الم-debugger.

إذا كان الم-debugger غير متاح،debugger الجملة ليست لها تأثير.

إذا كان الم-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، الإعدادات، متقدم
  • اختر "تمكين قائمة التطوير في شريط القائمة"
  • عندما يظهر خيار جديد "تطوير" في القائمة، اختر "عرض لوحة التحكم بالأخطاء"

هل تعلم؟

التحقق من البرمجة هو عملية اختبار وتحديد وتقليل الثغرات (ال أخطاء) في برمجيات الحاسوب.

أول ثغرة معروفة في الحاسوب كانت حشرة حقيقية عالقة في عنصر إلكتروني (نوع من الحشرات).