مرحبًا، في الإصدار الأخير من DevTools Digest، اطّلعنا على مجموعات المكالمات غير المتزامنة القوية وبعض المجموعات الأخرى. في هذا الإصدار، سنرى ميزة فلترة محسَّنة للوحة الشبكة (Network Panel) (مع الإكمال التلقائي) وإمكانات التعديل من خلال محتوى Shadow DOM وتحديثات CodeMirror 4 والمزيد.
فلترة لوحة الشبكة
يمكنك الآن فلترة الموارد حسب حقول معيّنة، مثل "النطاق". في ما يلي تنسيق أحد الفلاتر: Domain:website.com. بالإضافة إلى الفلترة، ستحصل أيضًا على اقتراحات للإكمال التلقائي لقيم الفلاتر الصالحة التي يتم تعديلها في الوقت الفعلي أثناء كتابة طلب البحث. قد يكون هذا مفيدًا عندما تحتاج إلى العثور على جميع الموارد التي يعرضها نطاق معيّن. [crbubg.com/258421]
تعديل محتوى Shadow DOM
كانت أدوات المطوّرين قادرة دائمًا على تعديل صفحات HTML العادية في لوحة "العناصر"، وأصبحت هذه الإمكانات الآن تشمل العناصر التي تشكّل جزءًا من Shadow DOM. [crbug.com/348991]
الترقية إلى CodeMirror 4.0
CodeMirror، وهو محرر النصوص المستند إلى JavaScript المستخدم كجزء من لوحة المصادر، تمت ترقيته إلى الإصدار 4. نتيجةً لذلك، تمت إضافة مجموعة من الوظائف الجديدة. crbug.com/356878]
البحث السريع عن خاصية CSS
يمكنك الآن البحث في أسماء المواقع أو القيم أو أدوات اختيار القواعد من مربّع البحث الجديد في لوحة "الأنماط". يتم تمييز النتائج في الوقت الفعلي أثناء كتابة طلب البحث. [crbug.com/278852]
الطوابع الزمنية بجانب رسائل وحدة التحكّم
عند تسجيل الرسائل بشكل متتابع سريع، قد يكون من المفيد معرفة الوقت الدقيق الذي تم فيه تسجيل الرسالة. يمكنك تفعيل هذه الميزة من خلال تجارب "أدوات مطوّري البرامج". [crbug.com/131714]
تفاصيل إحصاءات الذاكرة للقطات لأجزاء من الذاكرة
عند عرض لقطة ذاكرة مثبّتة مسجّلة، لاحظ الرسم البياني الدائري للإحصاءات الذي يقدّم نظرة عامة مرئية ومميّزة بالألوان حول جانب JavaScript الذي يستهلك معظم الذاكرة. هذه الميزة تجريبية حاليًا، ويمكنك تفعيل "إحصاءات لقطات Heap" لتجربتها. [crbug.com/346335]
عرض المصدر الأصلي لـ console.log، وليس النسخة المُغلفة
من المحتمل أن تكون لديك دالة console.log wrapper، ولكن في وحدة التحكّم، تأتي جميع رسائلك من util.js:46. يمكنك الآن الاستعانة بـ "أدوات مطوري البرامج" لمطابقة مواقعك الجغرافية الأصلية. أدخِل الملف الذي يتضمّن رسائل سجلّ وحدة التحكّم في مربّع الإدخال "تخطّي المصادر ذات أسماء معيّنة" لوضع "أدوات مطوري البرامج" في المربّع الأسود، ثم اعرض المصدر الحقيقي لبيان السجلّ. [crbug.com/231007]
بعض الإضافات الصغيرة والفعّالة
أعِد تحميل لوحة "أدوات معالجة الأحداث" في لوحة "العناصر"، بعد إضافة أدوات معالجة أحداث JavaScript أو إزالتها بشكل ديناميكي. [crbug.com/341044]
يمكنك استخدام
Ctrl+للتركيز على إدخال وحدة التحكّم، وقد يكون ذلك مفيدًا لعملية سير عمل تستخدم لوحة المفاتيح فقط في أدوات المطوّرين. [crbug.com/144943]تم تعديل اقتراحات الإكمال التلقائي لأسلوب الحدود للقيم (مخطّط، متقطّع، مزدوج، أخدود) لتتوافق مع المواصفات. [crbug.com/349998]
تمت إضافة زر استعادة الإعدادات التلقائية وإعادة التحميل **إلى لوحة الإعدادات، وهو يؤدي ما يُعلَن عنه. [crbug.com/135451]
هي ميزة تجريبية في الوقت الحالي، يمكنك تجربة ميزة الإرساء إلى اليسار لاكتشاف مدى ملاءمتها لسير العمل. يتم إرساء أوضاع التنسيق الأخرى على النافذة الرئيسية (اليمين أو الأسفل) وإلغاء الإرساء في نافذة منفصلة. [crbug.com/134282]
تتوفر "العجلة" الآن كنقطة توقّف لمستمعي الأحداث، بالإضافة إلى الأحداث المعتادة مع النقر وتحريك الماوس والانتقال إلى الأسفل وما إلى ذلك. [crbug.com/347562]
هذا كلّ شيء في الوقت الحالي. شكرًا لك على القراءة.