الميزات الجديدة في "أدوات مطوّري البرامج" في الإصدار 135 من Chrome

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

روابط المصدر والنصوص البرمجية لطلبات الملفات الشخصية والوظائف في "الأداء"

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

الاختلافات بين علامة التبويب "ملخّص" قبل إضافة المصدر والمنشأ وبعدها

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

مشكلة Chromium: 368541957

إتاحة بيانات حقل "سرعة عرض أكبر محتوى مرئي (LCP) حسب المرحلة"

عند تفعيل بيانات الحقل، تعرض لك الآن إحصاءات الأداء > الإحصاءات > LCP حسب المرحلة مُدد ظهور الصور في الشريحة المئوية الخامسة والسبعون من تقرير تجربة المستخدم في Chrome في جدول إضافي، ما يتيح لك مقارنة المُدد مباشرةً في الإحصاءات.

تتوفّر بيانات الحقول قبل إضافة البيانات وبعدها في إحصاءات "وقت التحميل الأولي حسب المرحلة".

إحصاءات "شجرة الاعتمادية على الشبكة"

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

لمزيد من المعلومات، يُرجى الاطّلاع على تجنُّب تسلسل الطلبات المُهمّة.

إبراز حزمة الاستدعاء التي استغرقت معظم الوقت

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

العرض التدرّجي لتسهيل الاستخدام في "العناصر"

تم الآن تفعيل عرض شجرة تسهيل الاستخدام للصفحة بأكملها تلقائيًا في لوحة العناصر.

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

الصورة قبل تفعيل ميزة العرض الكامل لشجرة تسهيل الاستخدام تلقائيًا وبعد تفعيلها

تتيح لك شجرة تسهيل الاستخدام فحص كيفية رؤية التكنولوجيا المساعِدة لمحتوى موقعك الإلكتروني، كما تعرض لك سمات ARIA وسمات تسهيل الاستخدام المحسوبة لعقد DOM. لمزيد من المعلومات، يُرجى الاطّلاع على شجرة تسهيل الاستخدام الكاملة في "أدوات مطوّري البرامج في Chrome".

مشكلة في Chromium: 40808541

حالات فارغة محسّنة للوحات المختلفة

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

الحالة قبل تحسين الحالات الفارغة في لوحتَي "الشبكة" و"شبكة البحث" والحالة بعد التحسين

نقل خيار "السؤال الذكي" إلى أسفل القائمة

يظهر خيار السؤال الذكي الآن في أسفل القوائم المنسدلة، بدلاً من أعلى الصفحة.

قبل وبعد نقل خيار "السؤال الذكي" إلى أسفل القائمة المنسدلة

يُرجى إرسال ملاحظاتك حول لوحة المساعدة المستندة إلى الذكاء الاصطناعي على الرابط crbug.com/364805393.

Lighthouse 12.4.0

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

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

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

مشكلة في Chromium: ‏ 40543651

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

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

  • الأداء > الملخّص: تم استبدال السطرَين الوقت الإجمالي والوقت الذاتي بسطر واحد المدة يعرض أيضًا (self time) بين قوسين، إن توفّر (crbug.com/395572753).
  • المشاكل: تمت إضافة أنواع مشاكل جديدة: <select> مشاكل في شجرة تسهيل الاستخدام وأخطاء توقيع رسائل SRI التي تحدث أثناء التحليل أو التحقّق في خدمة الشبكة (crbug.com/381044049، crbug.com/347890366).
  • تسهيل الاستخدام: تعرض الآن علامة التبويب العناصر > الأنماط عناصر الانتقال إليها باستخدام تنقّل لوحة المفاتيح (crbug.com/396311936).
  • العناصر: يمكن الآن معالجة المشاكل المتعلّقة بـ <select> ويتم تمييزها بخط تحتي متموج (crbug.com/378738916).
  • الشبكة: تظهر الآن رمز "نقطة إلغاء الإعدادات" ورمز تحذير ملفات تعريف الارتباط على يسار اسم علامة التبويب بدلاً من يساره (crbug.com/390556283).

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

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

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

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

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

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