مرحبًا، في الإصدار الأخير من DevTools Digest، اطّلعنا على مجموعات المكالمات غير المتزامنة القوية وبعض المجموعات الأخرى. في هذا الإصدار، سنرى تحسينات على فلترة "لوحة الشبكة" (مع ميزة الإكمال التلقائي) وإمكانيات التعديل باستخدام محتوى 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]
الطوابع الزمنية بجانب رسائل وحدة التحكّم
عند تسجيل الرسائل بشكل متتابع سريع، قد يكون من المفيد معرفة الوقت الدقيق الذي تم فيه تسجيل الرسالة. يمكنك تفعيل هذه الميزة من خلال تجارب "أدوات مطوّري البرامج في Chrome". [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]
يُتاح الآن الحدث wheel كنقطة انقطاع لمعالجة الأحداث، بالإضافة إلى أحداث click وmousemove وmousedown وغيرها من الأحداث المعتادة. [crbug.com/347562]
هذا كلّ شيء في الوقت الحالي، شكرًا لك على القراءة.