يلتقط مُسجل وحدة التحكم كافة مخرجات (Console) من (console.log و warn و error و info) ويعرضها في لوحة عائمة مباشرة على الصفحة. اطلع على أخطاء JavaScript ورسائل التصحيح والتحذيرات في الوقت الفعلي دون فتح أدوات المطور للمتصفح. يتم ترميز الرسائل بالألوان حسب نوعها، وتتضمن طوابع زمنية وآثار التكديس (stack traces) للأخطاء.
إن فتح أدوات المطور (DevTools) في المتصفح فقط للتحقق من مخرجات وحدة التحكم يستهلك مساحة قيمة من الشاشة — خاصة على الشاشات الأصغر أو عندما تحتاج إلى رؤية الصفحة كاملة أثناء مراقبة السجلات. يوفر مُسجل التحكم بديلاً خفيف الوزن: لوحة عائمة تعرض جميع مخرجات السجل كما تحدث بشكل متراكب على الصفحة. تلتقط اللوحة سجلات (console.log، و console.warn، و console.error، و console.info) والاستثناءات غير الملتقطة بآثار التكديس (stack traces) الكاملة. الرسائل مميزة بالألوان (الأخطاء باللون الأحمر، التحذيرات باللون الأصفر، المعلومات باللون الأزرق، السجلات العادية باللون الأبيض/الرمادي) وتتضمن طوابع زمنية لتتبع وقت حدوث الأحداث. تتيح لك أزرار تصفية (الفلتر) إظهار أنواع رسائل محددة فقط — اعرض الأخطاء فقط عند تصحيح الأعطال، أو التحذيرات فقط عند البحث عن إشعارات الإيقاف. اللوحة قابلة للسحب وتغيير الحجم وشبه شفافة حتـى لا تحجب الكثير من محتوى الصفحة.
تظهر رسائل وحدة التحكم فوراً في الوقت الفعلي أثناء تسجيلها. راقب سجلات تهيئة الصفحة، ومعالجة استجابات واجهة برمجة التطبيقات (API)، وأحداث تفاعل المستخدم، ورسائل الخطأ — كل هذا يبث مباشرة وفي لوحة عائمة.
الأخطاء باللون الأحمر، والتحذيرات باللون الكهرماني/الأصفر، والمعلومات باللون الأزرق، والسجلات القياسية باللون الأبيض/الرمادي. ميز على الفور بنظرة سريعة بين الخطأ الفادح ورسالة السجل الروتينية باستخدام لونها المخصص.
تتضمن وتتميز أخطاء JavaScript بتتبع التكدس الكامل مع أسماء الملفات وأسماء الوظائف (Functions) وأرقام الأسطر. ما عليك سوى النقر على مرجع الملف لتحديد مكان نشأة الخطأ بالضبط دون الاضطرار لفتح DevTools.
تتيح لك أزرار التصفية في الأعلى إظهار/إخفاء أنواع معينة من الرسائل: الكل (All)، الأخطاء فقط (Errors)، التحذيرات فقط (Warnings)، المعلومات فقط (Info)، السجلات فقط (Logs). كما تُشير التعدادات الرقمية على كل مرشح لعدد الرسائل التابعة له.
تعرض كل رسالة الوقت الذي تم تسجيلها وتصديرها فيه بتنسيق (ساعة:دقيقة:ثانية). تتبع تسلسل الأحداث، وحدد وراقب مشكلات الأداء (زمن الاستجابة لمكالمات API)، واربط المخرجات بتفاعلات المستخدم.
قم بمسح جميع الرسائل للبدء من جديد بسجل فارغ ونظيف، أو استمر بالاحتفاظ بتراكمها وتدوينها أثناء تفاعلك المطول مع الصفحة. تُظهر اللوحة إجمالي التعداد للرسائل، ويمكن تقليص حجمها عندما لا تكون قيد الاستخدام.
هل تحتاج لبرهة إلى استعراض وقراءة نتاج وحدة التحكم مع الإبقاء على الصفحة مرئية بالكامل؟ تتيح لك الأداة مراقبة وتفقد السجلات من دون استنزاف مساحة شاشتك الثمينة كما تفعل الـ DevTools المزعجة، وهي ممتازة لتقديم العروض وتصحيحها.
إذا تضمنت JavaScript الخاصة بك إفصاحاً عن نتائج وحيثيات استجابات مكالمات الـ API إلى وحدة التحكم. فهذه الأداة تبرزها فوراً. راقب بيانات الطلب والرد مباشرة دون الحاجة للتبديل بين الصفحة وأدوات DevTools.
تسقط وتفشل بعض أخطاء جافاسكريبت بصمت — بلا أي تغيير مرئي في واجهة المستخدم (UI)، ولكن بخطأ قابع في وحدة التحكم. يجعل (Console Logger) هذه الأخطاء مرئية وظاهرة لتلاحظها أثناء التصفح الطبيعي للموقع.
أثناء تقديم العروض المباشرة والحية، أبقِ لوحة أداة تسجيل وحدة التحكم مرئية في الزاوية، وإذا ما ساءت الأمور وتخبطت الاستجابة، يمكنك على الفور تدارك الخطأ ورؤية الرسالة دون مقاطعة العرض لفتح أدوات المطور (DevTools).
غالباً ما تلقي نصوص البرامج التابعة لجهات خارجية (كأدوات التحليل، وأدوات الدردشة، وإعلانات الشبكات) الكثير من رسائل الخطأ والتحذيرات. يلتقط مسجل وحدة التحكم ذلك لتشخيص وعلاج مشكلات سلامة الاعتمادات والتبعيات الخارجية.
افتح لوحة DevSuite Pro العائمة وانقر على أيقونة (Console Logger). ستظهر لوحة عائمة وتشرع في التقاط ومراقبة مخرجات السجلات على الفور.
استخدم وظائف وأزرار ومحتويات الصفحة كالمعتاد — انقر وتصفح وأرسل النماذج. ستظهر رسائل الوحدة في اللوحة كلما تم تدوين وتسجيل مخرج من JavaScript.
استخدم أزرار التصفية المخصصة لعرض وعزل الأخطاء والتحذيرات أو السجلات. ستوضح الشارات الرقمية المرفقة عدد إيداعات الرسائل المتوفرة من كل فئة.
فيما يتعلق برسائل ومخرجات الخطأ المبهمة، وسّع القائمة الجانبية لرؤية تسلسل التكدس للوصول السريع لاسم الملف ورقم السطر المعني للخلل الدقيق لتحديد مصدر العلة والـ Bug.
اضغط على زر التنظيف (Clear) لتصفير وتفريغ اللوحة، أو قم بتعطيل الأداة بالكامل لإغلاقها نهائياً، ولن يخلف أي أثر باقٍ مرئي على شاشة مستعرض الصفحة.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 39 أداة للمطورين لمتصفحك.
