العثور على المفاجأة المخفية
للاحتفال بيوم كذبة أبريل هذا العام، أخفى فريق DevTools بيضة عيد الفصح في مكان ما في DevTools.
للعثور على هذه الميزة، ابحث عن إيموجي 💫 ملوّن.
تعديلات على "لوحة العناصر"
يتضمّن هذا الإصدار عدة تعديلات على لوحة العناصر.
محاكاة صفحة مركّز عليها في "العناصر" > "الأنماط"
تحتوي علامة التبويب العناصر > الأنماط الآن على الخيار محاكاة صفحة تم التركيز عليها ضمن الزر تبديل حالة العناصر (:hov). في السابق، كان بإمكانك العثور على هذا الخيار في اللوحة العرض فقط.
إذا بدّلت التركيز من الصفحة إلى "أدوات مطوّري البرامج"، سيتم تلقائيًا إخفاء بعض عناصر التراكب إذا تم تشغيلها من خلال التركيز. على سبيل المثال، القوائم المنسدلة أو القوائم أو أدوات اختيار التاريخ. يتيح لك الخيار محاكاة صفحة مركَّز عليها تصحيح أخطاء عنصر من هذا النوع كما لو كان مركَّزًا عليه.
مشكلة في Chromium: 1468393.
بدائل "أداة اختيار الألوان" و"ساعة الزاوية" و"محرّر التباطؤ والتسارع" في var()
لتسهيل تعديل CSS، تتيح لك علامة التبويب العناصر > الأنماط الآن استخدام أداة اختيار الألوان وساعة الزاوية ومحرّر التباطؤ والتسارع في عمليات الاحتياط var().
مشكلة في Chromium: 1520417.
إيقاف أداة طول CSS نهائيًا
تم إيقاف أداة إنشاء طول CSS نهائيًا بسبب الملاحظات التي تفيد بأنّها تبطئ سير العمل ولا تضيف قيمة كبيرة.
لم يعُد بإمكانك السحب لتعديل القيمة أو اختيار نوع وحدة من القائمة المنسدلة. بدلاً من ذلك، انقر مرّتين على القيمة واكتب قيمة جديدة.
لإعادة تفعيل أداة الطول، امحُ الإعدادات > التجارب > إيقاف أداة إنشاء CSS <length> نهائيًا في علامة التبويب "الأنماط".
إذا كنت لا تزال تريد استخدام هذه الأداة، يودّ فريق "أدوات مطوّري البرامج" الاطّلاع على رأيك ومعرفة كيف تساعدك أداة الطول في سير عملك. يمكنك تقديم ملاحظاتك في crbug/1522657.
نافذة منبثقة لنتيجة البحث المحدّدة في "الأداء" > "المسار الرئيسي"
لتسهيل البحث، يعرض لك الآن الرسم البياني الشعلة في الأداء > مسار الرئيسي نافذة منبثقة أعلى الحدث ذي الصلة عند التنقّل بين نتائج البحث.
مشكلة في Chromium: 1523279.
تعديلات على "لوحة الشبكة"
يتضمّن هذا الإصدار بعض التعديلات على لوحة الشبكة.
زرّ المحو وفلتر البحث في علامة التبويب "الشبكة" > EventStream
تحصل علامة التبويب الشبكة > EventStream على ما يلي:
- زر محو يمحو الأحداث التي تم تسجيلها في الجدول.
- فلتر بحث يفهم التعبيرات العادية.
يودّ فريق "أدوات مطوّري البرامج" أن يشكر شارل فازاك على إطلاق هذه الميزة.
بالإضافة إلى ذلك، تسجّل علامة التبويب EventStream الآن أيضًا الأحداث التي ترسلها الخوادم من خلال fetch/XHR، وليس فقط EventSource API. يمكنك تجربة ذلك على صفحة العرض التوضيحي هذه.
مشكلة في Chromium: 1488863 و40659493.
تلميحات الأدوات التي تتضمّن أسباب الإعفاء لملفات تعريف الارتباط التابعة لجهات خارجية في "الشبكة" > "ملفات تعريف الارتباط"
تعرض علامة التبويب الشبكة > ملفات تعريف الارتباط الآن تلميحات تتضمّن أسباب الإعفاء بجانب ملفات تعريف الارتباط التي كان من المفترض أن يتم حظرها بسبب الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية.
قد يُسمح بملفات تعريف الارتباط التابعة لجهات خارجية للأسباب التالية:
- سياسة Chrome Enterprise
- Storage Access API أو top-level Storage Access API
- فترة السماح أو الفترة التجريبية للإيقاف النهائي لملفات تعريف الارتباط التابعة لجهات خارجية
- إرشادات الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية
- الإعداد المفضَّل للمستخدِم
مشكلة في Chromium: 41491846.
تفعيل جميع نقاط الإيقاف وإيقافها في "المصادر"
يعيد القسم المصادر > نقاط التوقّف الخيارَين تفعيل وإيقاف جميع نقاط التوقّف إلى القائمة المنسدلة. في السابق، تم استبعاد هذه الخيارات من خلال إعادة تصميم نقاط التوقف.
لتفعيل جميع نقاط الإيقاف أو إيقافها، انقر بزر الماوس الأيمن على نقطة إيقاف في المصادر > نقاط الإيقاف واختَر الخيار المناسب.
مشكلة في Chromium: 1522037.
عرض النصوص البرمجية المحمَّلة في "أدوات مطوّري البرامج" لـ Node.js
تعرض "أدوات مطوّري البرامج" في Node.js الآن النصوص البرمجية المحمَّلة في شجرة التنقّل ضمن المصادر > النصوص البرمجية.
مشكلة في Chromium: 1518364
Lighthouse 11.5.0
تعمل لوحة Lighthouse الآن بالإصدار 11.5.0 من Lighthouse. الاطّلاع على قائمة التغييرات الكاملة
من بين التغييرات الجديرة بالذكر عملية تدقيق جديدة تقدّر الأسباب الأساسية لمتغيّرات التصميم. يحلّ هذا التدقيق محلّ تدقيق "عناصر تغيير التصميم" الذي كان يدرج فقط العناصر المتأثّرة بتغييرات التصميم.
للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوّري البرامج"، يمكنك الاطّلاع على Lighthouse: تحسين سرعة الموقع الإلكتروني.
مشكلة في Chromium: 772558.
تسهيل الاستخدام
يتضمّن هذا الإصدار تحسينات تسهيل الاستخدام التالية:
- تُعلن قارئات الشاشة الآن عن:
- نص الرابط مزيد من المعلومات بجانب أنواع أدوات الاختيار في لوحة المسجّل
- عندما لا تتطابق أي تجارب مع الفلتر في الإعدادات > التجارب
- تأكيد الإجراء عند إزالة اختصار أو تأكيده أو استعادته في الإعدادات > الاختصارات
- يتم الآن عرض الجدول في الإعدادات > المواقع الجغرافية بشكل صحيح كجدول لأدوات تسهيل الاستخدام.
مشاكل Chromium: 1516957 و324282443 و324467508 و324930007.
لمحات متنوّعة
في ما يلي بعض الإصلاحات والتحسينات الجديرة بالذكر في هذا الإصدار:
- تم تعديل الخطوط في "أدوات مطوّري البرامج" لتتطابق مع خطوط Chrome (1523538).
- الأداء: تم إصلاح مشكلة عرض لقطة الشاشة عند تمرير مؤشر الماوس فوق المخطط الزمني (1519469).
- المصادر: تمّت زيادة ارتفاع السطر في المحرّر لتسهيل قراءة الرمز البرمجي (1523640).
- الشبكة > الردود: تم إصلاح مشاكل عرض مختلفة في التنسيقات وعمليات الترميز المختلفة (1523128 و1509336 و1523128 و41481944 و1509336).
تنزيل قنوات المعاينة
ننصحك باستخدام Chrome Canary أو Dev أو Beta كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.
التواصل مع فريق Chrome DevTools
استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".
- يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
- يمكنك الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" باستخدام المزيد من الخيارات > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" في "أدوات مطوّري البرامج".
- يمكنك نشر تغريدة على @ChromeDevTools.
- يمكنك إضافة تعليقات على فيديوهات "الميزات الجديدة في أدوات مطوّري البرامج" على YouTube أو فيديوهات "نصائح حول أدوات مطوّري البرامج" على YouTube.
الميزات الجديدة في "أدوات مطوّري البرامج"
قائمة بكل ما تم تناوله في سلسلة الميزات الجديدة في "أدوات مطوّري البرامج"