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

Sofia Emelianova
Sofia Emelianova

أصبحت المجموعة الرسمية من إضافات Recorder متاحة

أصبحت المجموعة الرسمية من إضافات Recorder للتصدير وإعادة التشغيل متاحة الآن.

لفتح المجموعة مباشرةً من المسجّل، انقر على تصدير > الحصول على إضافات... في شريط الإجراءات أعلى لوحة المسجّل.

تحسينات الشبكة

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

سبب التعذُّر في عمود "الحالة"

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

يظهر في الصورة أدناه عمود "الحالة" قبل وبعد عرض سبب الخطأ.

مشاكل Chromium: 1506760.

القائمة الفرعية "نسخ" المحسّنة

تمّ الآن تنظيم القائمة الفرعية نسخ الخاصة بطلب بشكل أفضل.

القائمة الفرعية "نسخ" قبل وبعد تحسينها

بالإضافة إلى ذلك، ينسخ الخيار نسخ النص كأمر cURL الآن الأمر الصحيح إلى الحافظة على أجهزة Windows.

مشاكل Chromium: 1267033 و1276452 و798498.

تحسينات الأداء

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

أشرطة التنقل في "المخطط الزمني"

تتيح لك المخطّط الزمني في أعلى لوحة الأداء الآن ضبط مسارات التنقّل والتبديل بينها.

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

مشاكل Chromium: 1467739

مُنشئو الأحداث في المسار الرئيسي

يعرض مسار الأداء > الرئيسي تلقائيًا الآن أسهمًا تربط بين الجهات المنشِئة والأحداث التالية التي تسبّبت فيها.

  • إبطال النمط أو التصميم -> إعادة احتساب الأنماط أو التصميم
  • طلب إطار صورة متحركة -> تمّ تنشيط إطار الصورة المتحركة
  • Request Idle Callback -> Fire Idle Callback
  • تثبيت الموقِّت -> تم تنشيط الموقِّت
  • إنشاء WebSocket -> إرسال... وتلقّي تأكيد الاتصال بخادم WebSocket أو محو WebSocket

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

سهم من الطلب وتفعيل معاودة الاتصال غير المستخدَمة حاليًا

مشاكل Chromium: 1434596

قائمة اختيار مثيل جهاز JavaScript الافتراضي لأدوات مطوّري Node.js

في لوحة الأداء ضمن "أدوات مطوّري Node.js"، يمكنك الآن اختيار مثيل JavaScript VM من القائمة المنسدلة المقابلة في شريط الإجراءات. كانت ميزة مشابهة متاحة في أداة تحليل أداء JavaScript التي سيتم إيقافها نهائيًا قريبًا.

قبل وبعد إضافة قائمة جديدة تتيح لك اختيار مثيل جهاز افتراضي للغة JavaScript

مشاكل Chromium: 1511813

تحسينات العناصر

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

بالإضافة إلى الميزتَين التاليتَين، تتذكّر لوحة العناصر الآن آخر علامة تبويب فتحتها، مثل محسوبة أو الخصائص.

أصبح بإمكانك الآن تعديل العنصر الزائف ::view-transition في "الأنماط"

يمكنك الآن تعديل ::view-transition العناصر الزائفة في CSS في الأنماط باستخدام ورقة الأنماط الخاصة بأداة الفحص.

إمكانية التعديل قبل وبعد استخدام العناصر الزائفة الخاصة بانتقالات العرض

لمزيد من المعلومات، اطّلِع على انتقالات سلسة وبسيطة باستخدام View Transitions API.

مشاكل Chromium: 1511233

توفير السمة align-content لحاويات الحظر

يعمل الموقع align-content الآن مع أي حاويات حظر، بما في ذلك table-caption وtable-cell. في السابق، كان يعمل فقط مع الشبكة وFlex.

تتيح هذه السمة تحديد موضع المحتوى قبل وبعد الحاوية.

مشاكل Chromium: 1500511

اختصار وأمر جديدان في "المستندات المصدر"

يمكنك الآن الضغط على Cmd (في نظام التشغيل Mac) أو Ctrl (في نظام التشغيل Windows) + Shift والنقر على رقم سطر في المصادر لإنشاء نقطة تسجيل. هذا الاختصار هو إضافة إلى الاختصار الحالي Cmd (في نظام التشغيل Mac) / Ctrl (في نظام التشغيل Windows) + النقر على نقاط التوقف الشرطية.

تتضمّن قائمة الأوامر الأمر الجديد عرض الملفّ النشط في الشريط الجانبي لأداة التنقّل الذي يؤدي الوظيفة نفسها التي يؤديها الخيار المقابل في القائمة المنسدلة المحرّر.

الأمر الجديد لعرض الملف النشط في الشريط الجانبي لأداة التنقّل

مشاكل Chromium: 1486933 و1467464.

إتاحة وضعيات الأجهزة القابلة للطي المحاكية

يتيح لك وضع الجهاز الآن ضبط الوضع لجهاز محاكى قابل للطي: مستمر أو مطوي. تشير الوضعية المستمرة إلى وضعية "مسطّحة"، وتشكل الوضعية المطوية زاوية بين أقسام الشاشة.

قائمة منسدلة تتضمّن خيارات الوضعية

بالإضافة إلى ذلك، تتضمّن قائمة الأجهزة جهازًا جديدًا قابلاً للطي تمت محاكاته، وهو Asus Zenbook Fold.

مشكلة في Chromium: 1066842.

تغيير المظهر بشكل ديناميكي

تطابق "أدوات مطوّري البرامج" الآن تلقائيًا نسق الألوان في Chrome. لضبط مظهر:

  1. افتح علامة تبويب جديدة وانقر على تخصيص Chrome في أسفل يسار الصفحة.
  2. في "المظهر"، اختَر مظهرًا من خلال تغيير المظاهر أو اختَر لوحة ألوان.

تطابق "أدوات مطوّري البرامج" نسق الألوان المحدّد في "المظهر".

مشاكل Chromium: 1483276.

تحذيرات بشأن إيقاف ملفات تعريف الارتباط التابعة لجهات خارجية نهائيًا في لوحتَي "الشبكة" و"التطبيق"

تعرض الآن لوحتا الشبكة والتطبيق تحذيرات بجانب ملفات تعريف الارتباط المتأثرة بالقيود المفروضة على الجهات الخارجية من ميزة الحماية من التتبُّع.

في الشبكة، ابحث عن طلب يتضمّن رمز تحذير ، وانقر عليه، ثم افتح علامة التبويب ملفات تعريف الارتباط.

لقطتان للشاشة قبل وبعد تسجيل ملفات تعريف الارتباط التابعة لجهات خارجية في لوحة "الشبكة".

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

يُظهر المثالان التاليان ملفات تعريف الارتباط التابعة لجهات خارجية قبل وبعد تمييزها في لوحة "التطبيق".

مرِّر مؤشر الماوس فوق رمز التحذير للاطّلاع على تلميح يصف المشاكل، وانقر على الرمز لفتح علامة التبويب المشاكل التي تتضمّن المزيد من المعلومات.

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

مشاكل Chromium: 1506225 و1503961.

‫Lighthouse 11.4.0

تعمل لوحة Lighthouse الآن بالإصدار 11.4.0 من Lighthouse. الاطّلاع على قائمة التغييرات الكاملة من بين التغييرات الجديرة بالذكر عملية التدقيق الجديدة التي تتيح لك رصد ما إذا كان موقعك الإلكتروني لا يزال يستخدم ملفات تعريف الارتباط الخارجية.

عملية تدقيق ترصد ملفات تعريف الارتباط التابعة لجهات خارجية

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

مشكلة في Chromium: 772558.

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

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

  • عند فتح الإعدادات > التجارب، يتم الآن التركيز تلقائيًا على مربّع البحث.
  • أصبح زر محو الإدخال في الشبكة > الفلتر قابلاً للتركيز عليه.
  • يتم الآن عرض شجرة الملفات في المصادر > الصفحة بشكلٍ صحيح في وضع التباين العالي.
  • تُعلن الآن برامج قراءة الشاشة بشكلٍ صحيح عن ما يلي:
    • حالة مربّعات الاختيار في المصادر > نقاط التوقّف
    • معلومات الموضع والفهرس لقائمة اقتراحات
    • نتيجة الإجراء عند إضافة موقع جغرافي أو حذفه في الإعدادات > المواقع الجغرافية
    • مجموعات قواعد الاستبعاد (العامة أو المخصّصة) في الإعدادات > قائمة التجاهل

مشاكل Chromium: 1504938 و1499868 و1512161 و1515224 و1515418 و1516998 و1517015.

لمحات متنوّعة

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

  • الصور المتحركة:
    • تم إصلاح الخطأ الذي يتسبّب في عرض النافذة المنبثقة الخاصة بلقطة الشاشة خارج الحدود (1506991).
    • تم إصلاح الخطأ الذي كان يتسبّب في عدم وضع علامة "تمت إزالتها" على عقد الصور المتحركة التي تمت إزالتها (1506561).
  • الشبكة:
    • حالات تجاوز العنوان: تم إصلاح خطأ في رمز النقطة الأرجوانية غير الصحيح في علامة التبويب العناوين (1507856).
    • المعاينة: تم إصلاح خطأ في فك الترميز المزدوج غير الضروري (1509336).
    • تم إصلاح الخطأ الذي كان يؤدي إلى عدم ظهور الطلبات القصيرة (1509862).
  • التطبيق > IndexedDB: تم إعادة ترتيب الأزرار في شريط الإجراءات لتحقيق التناسق مع اللوحات الأخرى (1393800).
  • أجهزة الاستشعار: تم إصلاح خطأ في معاودة الاتصال الناجحة غير الصحيحة للموقع الجغرافي غير المتاح (1486859).
  • الأداء:
    • يحتوي الزر جمع البيانات غير المرغوب فيها الآن على رمز مناسب، وهو "الممسحة" بدلاً من "سلة المهملات" (1507530).
    • تحتفظ أداة تتبُّع مستوى الأداء الآن بالبيانات عند الانتقال إلى about:blank (1509947).

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

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

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

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

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

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