ملخص DevTools - تعديلات العناصر الفعّالة، وتصحيح أخطاء مشغّلي الخدمات، وتظليل الألوان

استخدِم قائمة السياقات الجديدة في لوحة DOM لتعديل العقد بفعالية. يمكنك تصحيح أخطاء خدمات العمال مباشرةً من خلال لوحة "المراجع". اختَر من بين جميع درجات ألوان التصميم المتوافق مع ميزات Material Design في أداة اختيار الألوان. مكتبات Blackbox JS بسهولة أكبر.

قائمة السياقات الجديدة والمحسَّنة في لوحة DOM

قائمة سياق DOM الجديدة

لقد حلّلنا الإجراءات الأكثر استخدامًا في لوحة نموذج العناصر في المستند (DOM) واستنتجنا إلى ضرورة تنظيم قائمة سياق النقر بزر الماوس الأيمن وإعادة تنظيمها.

أصبح من السهل الآن إخفاء عنصر أو حذفه أو تشغيل حالة معينة مثل :active أو :hover أو تعديل HTML. وإذا كنت تستخدم لوحة لمس ولا تريد إزعاجك عند النقر بزر الماوس الأيمن، انقر على النقاط الثلاث الصغيرة بجانب العنصر الذي تم اختياره.

تصحيح أخطاء مشغّلي الخدمات من خلال لوحة "الموارد"

يكون عاملو الخدمة رائعين بعد الانتهاء من إعدادهم، ولكن قد يكون من الصعب استيعابهم في وقت مبكر. وقد تفاقم هذه المشكلة لأنّ تصحيح الأخطاء يتطلب مغادرة أدوات مطوّري البرامج وفتح chrome://serviceworker-internals/ في نافذة متصفِّح جديدة.

مشغِّلو الخدمات في "الموارد"

لم يعُد الأمر كذلك. يمكنك الآن تصحيح أخطاء مهام الخدمة للنطاق الحالي مباشرةً من لوحة "الموارد". لا يزال هذا الإجراء قيد التطوير، ولكنّه يشكّل تحسينًا كبيرًا مقارنةً بالوضع السابق.

جميع الألوان: درجات ألوان تصميم المواد في منتقي الألوان

قبل بضعة أسابيع، أضفنا لوحة التصميم المتعدد الأبعاد إلى منتقي الألوان لمنحك ألوانًا أساسية وجريئة مبتكرة. لتصميم صفحة كاملة فعلاً، تحتاج حتمًا إلى الوصول الكامل إلى جميع درجات Material Design، لذلك قمنا بدمجها.

لعرض التدرجات اللونية، اضغط مع الاستمرار على أحد الألوان الأساسية وانقر على درجة لونية بدلاً من ذلك.

مكتبات JavaScript غير القابلة للتفسير في الإعدادات بسهولة أكبر

تم استخدام JavaScript Blackboxing منذ فترة، ولكن لم يكن من السهل اكتشافها بشكل كبير. وهي ميزة تسمح لك بوضع علامة في مربع نص أسود في صفحة للتركيز على التعليمة البرمجية المكتوبة فقط (وإخفاء جميع أكواد الالتفاف).

وتم نقله الآن إلى "الإعدادات". جرِّب ما يلي:

وضع الجهاز في علبة سوداء

أفضل التطبيقات الأخرى

  • هل لا يمكنك الوصول إلى مفاتيح التبديل الخاصة بالعرض؟ تم نقل إعدادات العرض إلى القائمة الرئيسية لواجهة DevTools (ضمن "مزيد من الأدوات"). بالإضافة إلى الإعدادات المعتادة (مثل مقياس عدد اللقطات في الثانية)، نقلنا أيضًا خيار "محاكاة وسائط الطباعة" إلى هذه القائمة.
  • هل مللت من كتابة chrome://inspect في المربّع المتعدّد الاستخدامات؟ يمكن الآن أيضًا العثور على ميزة فحص الأجهزة في القائمة الرئيسية الجديدة ضمن "مزيد من الأدوات".
  • هل أغلقت عن غير قصد إحدى علامات تبويب الدرج التي يمكن إغلاقها مثل "العرض" أو "بحث Google"؟ يمكنك الآن إعادة فتحها من خلال القائمة الجديدة على يمين الشاشة.

كالعادة، يُرجى إطلاعنا على رأيك عبر Twitter أو التعليقات أدناه، وإرسال الأخطاء إلى crbug.com/new.

حتى الشهر القادم!
"بول باكوس" وفريق "أدوات مطوري البرامج"