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

Sofia Emelianova
Sofia Emelianova
GitHub

إطلاق "إحصاءات Console" من خلال Gemini في معظم البلدان الأوروبية

يقدّم هذا الإصدار إحصاءات وحدة التحكّم من خلال Gemini في معظم البلدان الأوروبية.

قائمة البلدان الأوروبية التي تتوفّر فيها الخدمة حديثًا

آيسلندا وألمانيا وأيرلندا وإسبانيا وإستونيا وإيطاليا والبرتغال والدنمارك والسويد والمملكة المتحدة والنرويج والنمسا واليونان وبلغاريا وبولندا وجمهورية التشيك ورومانيا وسلوفاكيا وسلوفينيا وسويسرا وفرنسا وكرواتيا وقبرص ولاتفيا وليتوانيا ولوكسمبورغ ومالطا وهولندا

إذا كنت مقيمًا في أحد هذه البلدان، يمكنك الآن أن تطلب من Gemini تقديم إحصاءات مباشرةً في وحدة التحكّم، ما يتيح لك فهم الأخطاء والتحذيرات بشكل أفضل.

إحصاءات من Gemini عن خطأ في وحدة التحكّم

تعديلات على لوحة الأداء

يقدّم هذا التحديث بعض التحسينات على لوحة الأداء.

قناة "الشبكة المحسّنة"

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

ينفِّذ الآن مسار الشبكة ما يلي:

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

تتبُّع الشبكة المحسَّن مع وسيلة إيضاح الألوان ونصائح التلميح ومؤشرات حظر العرض والمواقيت في علامة التبويب "الملخّص"

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

قائمة النقر بزر الماوس الأيمن للطلب التي تتضمّن خيار "إظهار في لوحة الشبكة"

تخصيص بيانات الأداء باستخدام واجهة برمجة التطبيقات Extensibility API

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

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

مسار مخصّص في لوحة "الأداء"

باختصار، لتوسيع نطاق بيانات الأداء، عليك تمرير بنية محدّدة إلى مَعلمتَي measureOption.detail أو markOption.detail في طلبَي البيانات من واجهتَي برمجة التطبيقات performance.measure() أو performance.mark().

التفاصيل في مسار "المواعيد"

إذا كنت مطوّر ويب يستخدم جزء "وقت المستخدِم" من Performance API لإضافة إدخالات إلى مسار المُدد الزمنية، يمكنك الآن الاطّلاع على التفاصيل العشوائية في علامة التبويب الملخّص لأحداث mark وmeasure والطابع الزمني لكلّ منهما.

حدث مخصّص في مسار "المُدد الزمنية" يتضمّن طابعًا زمنيًا وتفاصيل

مشكلة في Chromium: ‏ 345418915

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

بدلاً من نسخ سجلّ الشبكة بالكامل، تتيح لك الآن لوحة الشبكة تطبيق الفلاتر ونسخ الطلبات المدرَجة فقط.

نسخ الخيارات للطلبات المدرَجة فقط

لقطات أسرع للمساحة المحجوزة للبرامج باستخدام علامات HTML مُسمّاة وعدد أقل من العناصر

أصبحت لقطات Heap في لوحة الذاكرة أسرع، وأصبحت الآن تتضمّن عناصر مجمّعة حسب علامات HTML المُسمّاة، وتتطابق بشكل أفضل مع دلالات لغة JavaScript من خلال عرض عدد أقل من العناصر الداخلية، كما تتضمّن دائمًا قيمًا رقمية.

الكائنات المجمّعة حسب علامات HTML المُسمّاة

تمّت تسريع أداء إعداد تضمين القيم الرقمية في لقطة الشاشة، وتم تفعيله تلقائيًا، كما تمت إزالته من لوحة الذاكرة.

لتضمين العناصر الداخلية يدويًا في اللقطة، فعِّل أولاً الإعدادات > التجارب > عرض خيار عرض العناصر الداخلية في لقطات الذاكرة العشوائية، ثم فعِّل عرض العناصر الداخلية (...) في لوحة الذاكرة.

مشاكل Chromium: 41490040 و343341610 و42203857

فتح لوحة "الصور المتحركة" لالتقاط صور متحركة وتعديل @keyframes مباشرةً

تؤدي لوحة الصور المتحركة الآن ما يلي:

  • يتم تسجيل الصور المتحرّكة التي تكون قيد التنفيذ عند فتح اللوحة، لذا لا تحتاج إلى إعادة تحميل الصفحة لتسجيل الصور المتحرّكة.
  • تتيح التعديل المباشر على @keyframes. بعبارة أخرى، يتم تعديل الصورة المتحركة التي تم التقاطها أثناء تعديل قسم @keyframes في العناصر > الأنماط.

يمكنك الاطّلاع على كيفية استخدام كلتا الميزتَين في الفيديو التالي.

مشكلة Chromium: ‏ 352718055

Lighthouse 12.1.0

تعمل لوحة Lighthouse الآن بإصدار Lighthouse 12.1.0.

يقدّم هذا التعديل عددًا من التغييرات، بما في ذلك إزالة مقياس "سرعة عرض أوّل محتوى مفيد على الصفحة" (FMP) القديم واستبداله بمقياس سرعة عرض أكبر محتوى مرئي (LCP). يمكنك الاطّلاع على القائمة الكاملة بالتغييرات.

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

مشكلة Chromium: 772558

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

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

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

مشاكل Chromium: 349939551 و343942719 و349334243 و349428374

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

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

  • الأداء:
    • قناة الشبكة: تمت إضافة أحداث اتصال WebSocket 331351979.
    • تُكبِّر لوحة الأداء الآن بشكل صحيح نشاط سلسلة المحادثات الرئيسية الأكثر انشغالاً 345599356.
    • تم إصلاح خطأ في تحميل أنواع ملفات التتبُّع غير الصحيحة، ويمنع الآن تحميل أي نوع باستثناء .json أو .gz 349864878 الصحيح.
  • العناصر > الأنماط:
    • تم إيقاف القائمة المنسدلة للوحدات في قيم سمة الطول نهائيًا 41495618.
    • تمّ إصلاح حلّ المواقع النشطة لقواعد at-rules المُدمجة 346732737.
    • تظهر أقسام @position-try غير النشطة الآن باللون الرمادي 40246493.
  • التطبيق:
    • ملفات تعريف الارتباط: تم إصلاح خطأ كان يمنع إعادة تحميل ملفات تعريف الارتباط عند النقر على إعادة تحميل 348683488.
    • التخزين على الجهاز: يمكنك الآن الترتيب حسب المفاتيح أبجديًا 341129585.

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

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

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

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

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

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