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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

قائمة البلدان الأوروبية المعتمدة حديثًا

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

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

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

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

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

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

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

في ما يلي خطوات المسار الشبكة:

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

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

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

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

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

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

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

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

باختصار، لتوسيع نطاق بيانات الأداء، عليك ضبط بنية محددة على المَعلمتَين 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 الآن الإصدار 12.1.0 من Lighthouse.

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

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

مشكلة في Chromium:‏ 772558

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

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

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

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

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

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

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

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

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

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

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

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

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