تصحيح أخطَاء البرنَامج النصي الخَاص بالعميل

مكتمل

يحتوي كل متصفح حديث تقريبًا عَلى ملحق تصحيح الأخطَاء الذي يدعم التقَاط حركة مرور الشبكة، وتحليل محتوى الصَفحَة، وتصحيح البرَامج النصية للعميل. تعتبر مجموعَات الأدوات التَالية مفيدة لتنفيذ عمليَات تصحيح الأخطَاء:

• Microsoft Edge (من خلال أدوات المطور F12). لمزيد من المعلومَات، رَاجع استخدَام دليل أدوات مطور F12.

• Google Chrome (من خلال أدوات المطور F12)

• Mozilla Firefox (استخدَام Firebug)

• Apple Safari (باستخدَام Web Inspector)

عرض موارد البرنَامج النصي

عند تحميل صفحة نموذج التطبيق المستند إلى النموذج، يتم تحميل كَافة مكتبات البرَامج النصية للعميل بجَانب صفحة الويب كموارد برَامج نصية فردية. نظرًا لحجم موارد البرنَامج النصي اللازمة لتَشغيل تطبيق يستند إلى نموذج، فقد يكون من الصعب تحديد موقع الملف الذي قد ترغب فِي تصحيح الأخطَاء مقَابله. عند استخدَام أدوات تصحيح الأخطَاء مثل Microsoft Edge، نوصي بتدوين اسم الملف الخَاص بك واستخدَام إمكَانَات البحث الخَاصة ب‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫أدَاة لتحديد موقع ملفات البرَامج النصية الخَاصة بك.

كتَابة رسَائل إلى وحدة التحكم

لا يزَال استخدَام الأسلوب window.alert عند تصحيح أخطَاء JavaScript أو عبارة مصحح الأخطَاء لمقَاطعة التنفيذ شَائعًا لاستكشَاف أخطَاء التعليمَات البرمجية فِي التطبيق وإصلاحهَا. ولكن الآن بعد أن توفر جميع المتصفحَات الحديثة وصولاً سهلاً إلى أدوات تصحيح الأخطَاء، فإن ذلك ليس من أفضل الممَارسَات حيث قد يستخدم الآخرون التطبيق الذي تقوم بتصحيح الأخطَاء فيه حَاليًا. غَالبًا مَا يتم أيضًا ترك استدعَاءَات تصحيح الأخطَاء هذه فِي التعليمَات البرمجية عن غير قصد، ممَا يتسبب فِي حدوث مشكلات لمستخدمي التطبيق فِي الإنتَاج.

فكر فِي كتَابة رسَائلك إلى وحدة التحكم بدلاً من ذلك. إليك وظيفة صغيرة يمكنك إضَافتهَا إلى مكتباتك للمسَاعدة فِي إرسَال أي رسَائل تريد عرضهَا إلى وحدة التحكم عندمَا تكون مفتوحة.

function writeToConsole(message)
{
 if (typeof console != 'undefined') {
  console.log(message);
 }
}

على عكس طريقة التنبيه، إذا نسيت إزَالة أي رمز يستخدم هذه الوظيفة، فلن يتمكن الأشخَاص الذين يستخدمون التطبيق من رؤية رسَائلك. كمَا أنه مفيد عند استكشَاف أخطَاء سلوك التطبيق فِي الإنتَاج وإصلاحهَا دون تعطيل مستخدمي التطبيق.

استخدَام Fiddler Auto-Responder لاستبدَال محتوى موارد الويب

قد يكون التحرير المستمر لموارد الويب عندمَا تكون قيد التطوير أمرًا صعبًا ويستغرق وقتًا طويلاً. يجب عليك إعَادة نشر الملفات ضمن الحل عند كل تعديل والتأكد من مسح ذاكرة التخزين المؤقت للمتصفح للإصدَار السَابق من الموارد. بالإضَافة إلى ذلك، إذا شَارك العديد من المطورين البيئة، فقد يكون ذلك مزعجًا للآخرين.

لتحسين الكفاءة، فكر فِي استخدَام ‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫‏‫أدَاة مثل Auto-Responder فِي Telerik Fiddler لاستبدَال محتوى مورد الويب بمحتوى من ملف محلي، بدلاً من تحميله وإعَادة نشره فِي كل مرة. كمَا يمكن مرَاعَاة العديد من الأدوات الأخرى التَابعة لجهَات خَارجية وتدعم التحرير المباشر. لمزيد من المعلومَات حول كيفية تثبيت Fiddler Auto-Responder وتكوينه، رَاجع تطوير موارد الويب للبرَامج النصية باستخدَام المستجيب التلقَائي فِي Fiddler.