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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

مشكلة في Chromium: 368541957

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

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

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

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

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

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

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

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

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

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

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

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

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

مشكلة في Chromium: 40808541.

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

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

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

تم نقل الخيار "اسأل الذكاء الاصطناعي" إلى أسفل القائمة

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

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

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

‫Lighthouse 12.4.0

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

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

للتعرّف على أساسيات استخدام لوحة 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).

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

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

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

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

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

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