الميزات الجديدة في أدوات مطوّري البرامج (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

عرض النصوص البرمجية المحمَّلة في DevTools لـ Node.js

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

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

مشكلة Chromium: ‏ 1518364

Lighthouse 11.5.0

تعمل لوحة Lighthouse الآن بإصدار Lighthouse 11.5.0. يمكنك الاطّلاع على القائمة الكاملة بالتغييرات.

من بين التغييرات البارزة، تدقيق جديد يقدّر الأسباب الأساسية لمتغيّرات التصميم. ويحلّ هذا التدقيق محلّ تدقيق عناصر التغيُّر في التصميم الذي كان يُدرج فقط العناصر المتأثّرة بتغيُّرات التصميم.

تدقيق جديد يقدّر الأسباب الجذرية لتغييرات التنسيق

للتعرّف على أساسيات استخدام لوحة Lighthouse في أدوات مطوّري البرامج، اطّلِع على مقالة Lighthouse: تحسين سرعة الموقع الإلكتروني.

مشكلة Chromium: 772558

تسهيل الاستخدام

يتضمّن هذا الإصدار التحسينات التالية على تسهيل الاستخدام:

  • يُعلن قارئ الشاشة الآن عن ما يلي:
    • نص الرابط مزيد من المعلومات بجانب أنواع المحدّدات في لوحة المسجِّل
    • عندما لا تتطابق أي تجارب مع الفلتر في الإعدادات > التجارب
    • تأكيد الإجراء عند إزالة اختصار أو تأكيده أو استعادته في الإعدادات > الاختصارات
  • يظهر الآن الجدول في الإعدادات > المواقع الجغرافية بشكل صحيح كجدول لأدوات تسهيل الاستخدام.

مشاكل Chromium: 1516957 و324282443 و324467508 و324930007

لحظات مميّزة متنوعة

في ما يلي بعض الإصلاحات والتحسينات المُهمّة في هذا الإصدار:

  • تم تعديل الخطوط في "أدوات مطوّري البرامج" لتتطابق مع Chrome (1523538).
  • الأداء: تم إصلاح مشكلة عرض لقطة الشاشة عند تمرير مؤشر الماوس فوق المخطط الزمني (1519469).
  • المصادر: تمّ زيادة ارتفاع السطر في المحرِّر لتحسين سهولة قراءة الرمز البرمجي (1523640).
  • الشبكة > الردود: تمّت معالجة مشاكل مختلفة في العرض بتنسيقات وعمليات ترميز مختلفة (1523128 و1509336 و1523128 و41481944 و1509336).

تنزيل قنوات المعاينة

ننصحك باستخدام إصدار Canary أو Dev أو الإصدار التجريبي من Chrome كمتصفّح التطوير التلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار واجهات برمجة تطبيقات منصات الويب المتطوّرة، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يعثر عليها المستخدمون.

التواصل مع فريق "أدوات مطوّري البرامج في Chrome"

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

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

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