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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

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

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

تتضمّن أداة تتبُّع الشبكة الآن ما يلي:

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

مسار الشبكة المحسّن مع وسيلة إيضاح للألوان وتلميحات وأدوات تحديد المحتوى الذي يحظر العرض وتوقيتات في علامة التبويب "الملخّص"

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

قائمة النقر بزر الماوس الأيمن على الطلب مع الخيار "الكشف في لوحة الشبكة"

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

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

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

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

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

التفاصيل في مسار "التوقيتات"

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

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

مشكلة في Chromium: 345418915.

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

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

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

لقطات أسرع لذاكرة التجميع مع علامات HTML مسماة وعدد أقل من العناصر غير الضرورية

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

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

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

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

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

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

تتيح لك لوحة الصور المتحركة الآن إجراء ما يلي:

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

يمكنك الاطّلاع على هاتين الميزتين عمليًا في الفيديو التالي.

مشكلة في Chromium: 352718055.

‫Lighthouse 12.1.0

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

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

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

مشكلة في Chromium: 772558.

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

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

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

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

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

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

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

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

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

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

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

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

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