تصحيح أخطاء JavaScript
يمكن أن تحدث الأخطاء ، في كل مرة تكتب فيها رمزًا جديدًا للكمبيوتر.
تصحيح التعليمات البرمجية
قد تحتوي شفرة البرمجة على أخطاء في بناء الجملة أو أخطاء منطقية.
يصعب تشخيص العديد من هذه الأخطاء.
في كثير من الأحيان ، عندما تحتوي كود البرمجة على أخطاء ، فلن يحدث شيء. لا توجد رسائل خطأ ، ولن تحصل على مؤشرات لمكان البحث عن الأخطاء.
البحث عن (وإصلاح) الأخطاء في كود البرمجة يسمى تصحيح أخطاء الكود.
مصححات جافا سكريبت
التصحيح ليس بالأمر السهل. لكن لحسن الحظ ، تحتوي جميع المتصفحات الحديثة على مصحح أخطاء JavaScript مدمج.
يمكن تشغيل وإيقاف مصححات الأخطاء المضمنة ، مما يؤدي إلى إبلاغ المستخدم بالأخطاء.
باستخدام مصحح الأخطاء ، يمكنك أيضًا تعيين نقاط التوقف (الأماكن التي يمكن فيها إيقاف تنفيذ التعليمات البرمجية) ، وفحص المتغيرات أثناء تنفيذ التعليمات البرمجية.
عادةً ، أو اتبع الخطوات الموجودة أسفل هذه الصفحة ، يمكنك تنشيط تصحيح الأخطاء في متصفحك باستخدام مفتاح 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>
نصيحة: اقرأ المزيد عن console.log()الطريقة في مرجع وحدة تحكم JavaScript .
تحديد نقاط التوقف
في نافذة مصحح الأخطاء ، يمكنك تعيين نقاط التوقف في كود JavaScript.
في كل نقطة توقف ، ستتوقف JavaScript عن التنفيذ ، وتتيح لك فحص قيم JavaScript.
بعد فحص القيم ، يمكنك استئناف تنفيذ التعليمات البرمجية (عادةً باستخدام زر التشغيل).
الكلمة الرئيسية لمصحح الأخطاء
توقف debuggerالكلمة الأساسية تنفيذ JavaScript ، وتستدعي (إن وجدت) وظيفة التصحيح.
هذا له نفس وظيفة تعيين نقطة توقف في مصحح الأخطاء.
إذا لم يتوفر تصحيح الأخطاء ، فلن يكون لعبارة مصحح الأخطاء أي تأثير.
مع تشغيل المصحح ، سيتوقف هذا الرمز عن التنفيذ قبل أن ينفذ السطر الثالث.
مثال
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
أدوات تصحيح أخطاء المتصفحات الرئيسية
عادة ، تقوم بتنشيط تصحيح الأخطاء في متصفحك باستخدام F12 ، وتحديد "وحدة التحكم" في قائمة مصحح الأخطاء.
بخلاف ذلك ، اتبع الخطوات التالية:
كروم
- افتح المتصفح.
- من القائمة ، حدد "المزيد من الأدوات".
- من بين الأدوات ، اختر "أدوات المطور".
- أخيرًا ، حدد وحدة التحكم.
ثعلب النار
- افتح المتصفح.
- من القائمة ، حدد "Web Developer".
- أخيرًا ، حدد "Web Console".
حافة
- افتح المتصفح.
- من القائمة ، حدد "أدوات المطور".
- أخيرًا ، حدد "وحدة التحكم".
أوبرا
- افتح المتصفح.
- من القائمة ، حدد "المطور".
- من "المطور" ، حدد "أدوات المطور".
- أخيرًا ، حدد "وحدة التحكم".
سفاري
- انتقل إلى Safari ، Preferences ، Advanced في القائمة الرئيسية.
- حدد "تمكين إظهار قائمة التطوير في شريط القوائم".
- عندما يظهر الخيار الجديد "تطوير" في القائمة:
اختر "إظهار وحدة التحكم في الخطأ".
هل كنت تعلم؟
التصحيح هو عملية اختبار وإيجاد وتقليل الأخطاء (الأخطاء) في برامج الكمبيوتر.
كان أول خطأ كمبيوتر معروف خطأ حقيقي (حشرة) عالق في الإلكترونيات.