الميزات الجديدة في أدوات مطوّري البرامج (Chrome 123)

Sofia Emelianova
Sofia Emelianova
GitHub

العثور على المفاجأة المخفية

للاحتفال بيوم كذبة أبريل هذا العام، أخفى فريق DevTools بيضة عيد الفصح في مكان ما في DevTools.

للعثور عليه، ابحث عن إيموجي 💫 ملوّن.

تعديلات على "لوحة العناصر"

يتضمّن هذا الإصدار عدة تعديلات على لوحة العناصر.

محاكاة صفحة مركَّز عليها في "العناصر" > "الأنماط"

يحتوي الآن علامة التبويب العناصر > الأنماط على الخيار محاكاة صفحة تم التركيز عليها ضمن الزر تبديل حالة العناصر (:hov). في السابق، كان بإمكانك العثور على هذا الخيار في لوحة العرض فقط.

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

عرض لما قبل وما بعد محاكاة صفحة مركَّز عليها في علامة التبويب "الأنماط"

مشكلة في Chromium: 1468393.

بدائل "أداة اختيار الألوان" و"ساعة الزاوية" و"محرّر التباطؤ والتسارع" في var()

لتسهيل تعديل CSS، تتيح لك علامة التبويب العناصر > الأنماط الآن استخدام أداة اختيار الألوان� وساعة الزاوية� ومحرّر التباطؤ والتسارع في var().

أدوات "اختيار الألوان" و"ساعة الزاوية" و"محرّر التباطؤ والتسارع" قبل وبعد العرض في القيم الاحتياطية للدالة var().

مشكلة في Chromium: 1520417.

أداة طول CSS متوقّفة نهائيًا

تم إيقاف أداة إنشاء ملخّصات CSS نهائيًا بسبب الملاحظات التي تفيد بأنّها تبطئ سير العمل ولا تقدّم قيمة كبيرة.

لم يعُد بإمكانك السحب لتعديل القيمة أو اختيار نوع وحدة من القائمة المنسدلة. بدلاً من ذلك، انقر مرّتين على القيمة واكتب قيمة جديدة.

لإعادة تفعيل أداة الطول، امحُ الإعدادات > التجارب > إيقاف أداة إنشاء CSS <length> نهائيًا في علامة التبويب "الأنماط".

إذا كنت لا تزال تريد استخدام هذه الأداة، يودّ فريق "أدوات مطوّري البرامج" معرفة رأيك وكيف تساعدك أداة الطول في سير عملك. يمكنك تقديم ملاحظاتك في crbug/1522657.

تم إيقاف تجربة الإيقاف النهائي.

نافذة منبثقة لنتيجة البحث المحدّدة في "الأداء" > "المسار الرئيسي"

لتسهيل البحث، يعرض لك الآن الرسم البياني الشعلة في الأداء > مسار الرئيسي نافذة منبثقة أعلى الحدث ذي الصلة عند التنقّل بين نتائج البحث.

صورة قبل وبعد توضّح ظهور نافذة منبثقة فوق نتيجة البحث المحدّدة

مشكلة في Chromium: 1523279.

تعديلات على "لوحة الشبكة"

يتضمّن هذا الإصدار بعض التعديلات على لوحة الشبكة.

زرّ المحو وفلتر البحث في علامة التبويب "الشبكة" > EventStream

تحصل علامة التبويب الشبكة > EventStream على ما يلي:

  • زر محو يمحو الأحداث التي تم تسجيلها في الجدول.
  • فلتر بحث يفهم التعبيرات العادية.

قبل إضافة زر &quot;محو&quot; وفلتر بحث وبعد إضافتهما

يودّ فريق "أدوات مطوّري البرامج" أن يشكر شارل فازاك على إطلاق هذه الميزة.

بالإضافة إلى ذلك، تسجّل علامة التبويب EventStream الآن أيضًا الأحداث التي ترسلها الخوادم من خلال fetch/XHR، وليس فقط EventSource API. يمكنك تجربة ذلك على صفحة العرض التوضيحي هذه.

مشكلة في Chromium: 1488863 و40659493.

تلميحات الأدوات التي تتضمّن أسباب الإعفاء لملفات تعريف الارتباط التابعة لجهات خارجية في "الشبكة" > "ملفات تعريف الارتباط"

تعرض علامة التبويب الشبكة > ملفات تعريف الارتباط الآن تلميحات تتضمّن أسباب الإعفاء بجانب ملفات تعريف الارتباط التي كان من المفترض أن يتم حظرها بسبب الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية.

صورة قبل وبعد توضّح تلميح أداة يتضمّن سبب الإعفاء من ملف تعريف الارتباط التابع لجهة خارجية

قد يُسمح بملفات تعريف الارتباط التابعة لجهات خارجية للأسباب التالية:

مشكلة في Chromium: 41491846.

تفعيل جميع نقاط الإيقاف وإيقافها في "المصادر"

يعيد القسم المصادر > نقاط التوقّف الخيارَين تفعيل وإيقاف جميع نقاط التوقّف إلى القائمة المنسدلة. في السابق، تم استبعاد هذه الخيارات من خلال إعادة تصميم نقاط التوقف.

لتفعيل جميع نقاط الإيقاف أو إيقافها، انقر بزر الماوس الأيمن على نقطة إيقاف في المصادر > نقاط الإيقاف واختَر الخيار المناسب.

قبل وبعد إعادة خياري التفعيل والإيقاف

مشكلة في Chromium: 1522037.

عرض النصوص البرمجية المحمَّلة في "أدوات مطوّري البرامج" لـ Node.js

تعرض "أدوات مطوّلي البرامج في Node.js" الآن النصوص البرمجية المحمَّلة في شجرة التنقّل ضمن المصادر > النصوص البرمجية.

قبل إضافة علامة التبويب &quot;نصوص الفيديو&quot; وبعدها مع شجرة لنصوص الفيديو المحمَّلة

مشكلة في 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 أو قناة مطوّري البرامج أو القناة التجريبية كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.

التواصل مع فريق Chrome DevTools

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".

الميزات الجديدة في "أدوات مطوّري البرامج"

قائمة بكل ما تم تناوله في سلسلة الميزات الجديدة في "أدوات مطوّري البرامج"