English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل أساسيات JavaScript

أهداف JavaScript

وظائف JavaScript

HTML DOM للتصفح JS

BOM للتصفح JS

دليل أساسيات AJAX

دليل JavaScript

تتبع JavaScript

في برنامج أو سكربتالخطأيسمىbug.

ت调试ر(Debugging)هي عملية اختبار، اكتشاف وتقليل الأخطاء (البرمجيات) في برامج الكمبيوتر.

ت调试ر JavaScript

جميع المتصفحات الشائعة تحتوي على الت调试ر المدمج لـ JavaScript.

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

باستخدام الت调试ر، يمكنك إيقاف التنفيذ في نقاط التحقق (الأماكن التي يمكن فيها إيقاف تنفيذ الكود).

بمجرد توقف التنفيذ، يمكنك التحقق من حالة البرنامج أو السكربت و المتغيرات لتحديد ما إذا كان هناك مشكلة.

يمكنك أيضًا مراقبة تغيير قيم المتغيرات.

طريقة console.log()

إذا كان متصفحك يدعم الت调试ر، فيمكنك استخدامه لـconsole.log();عرض قيم JavaScript في نافذة الت调试ر:

let x = 50;
let y = 20;
let z = x + y;
console.log(z);
اختبر لرؤية‹/›

للوصول إلى لوحة التحكم الخاصة ببرنامج التصفح الويب، يرجى أولاً الضغط علىF12الضغط على المفاتيح على لوحة المفاتيح، ثم النقر على علامة التبويب "الترميز".

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

كلمات المفتاح debugger التي تطلق أي وظائف ت调试 المتاحة، مثل إعداد نقطة تحقق.

إذا لم تكن هناك أدوات ت调试ية متاحة، فإن هذه الجملة باطلة.

يظهر هذا المثال كيفية إدراج جملة debugger لاستدعاء الت调试ر في الكود:

var a = 50 + 20;
debugger;
document.getElementById("output").innerHTML = a;
اختبر لرؤية‹/›

عندما يتم استدعاء الت调试ر، فإن تنفيذ جملة debugger سيتوقف. هذا يشبه نقطة التوقف في ملف المصدر.

أدوات الت调试 الخاصة بالمتصفحات الرئيسية

عادةً، تستخدم المتصفح النشطF12من خلال الت调试، ثم اختر "الترميز" من قائمة دليل الت调试.

إذا لم تكن هناك أدوات ت调试ية متاحة، فإن هذه الجملة باطلة.

Chrome

  • افتح المتصفح

  • اختر "أكثر أدوات" من القائمة

  • اختر "أدوات المطورون" من الأدوات

  • في النهاية، اختر الترميز

FireFox

  • افتح المتصفح

  • اختر "مطورو الويب" من القائمة

  • في النهاية، اختر "ترميز الشبكة"

Edge

  • افتح المتصفح

  • اختر "أدوات المطورون" من القائمة

  • في النهاية، اختر "الترميز"

Opera

  • افتح المتصفح

  • اختر "المطورون" من القائمة

  • من "المطورون"، اختر "أدوات المطورون"

  • في النهاية، اختر "الترميز"

Safari

  • انتقل إلى Safari، الاعدادات، متقدم

  • اختر "فعالize عرض القائمة التطويرية في شريط القائمة"

  • عندما يظهر الخيار الجديد "التصميم" في القائمة:
    اختر "عرض لوحة التحكم بالأخطاء"