تنقّل وفلترة محسّنان في لوحة "الأداء" في أدوات مطوّري البرامج

Brendan Kenny
Brendan Kenny

تاريخ النشر: 19 آذار (مارس) 2025

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

تحسين التنقّل

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

يتيح خيار جديد ضمن التبديل بين أسلوب التمرير "الكلاسيكي" الحالي وأسلوب التمرير "الحديث" الجديد.

قائمة خيارات الاختصارات التي تحتوي على زر اختيار بين الانتقال السلس الكلاسيكي والحديث

في "الوضع الكلاسيكي"، يستمر الانتقال (باستخدام لوحة اللمس أو عجلة التمرير) في التكبير والتصغير، بينما يؤدي الضغط مع الاستمرار على مفتاح Shift والانتقال إلى أعلى الرسم البياني للأداء أو أسفله إلى الانتقال للأعلى أو للأسفل في الرسم البياني.

في الوضع "الحديث" الجديد، يتم عكس هذه الإجراءات: يؤدي التمرير الآن إلى تمرير الرسم البياني للمسارات الناجحة، بينما يؤدي الضغط على مفتاح Shift والتمرير إلى تكبير الرسم البياني وتصغيره.

ستظل اختصارات لوحة المفاتيح (مثل استخدام WASD للتنقّل في التتبّع) تعمل بدون تغيير.

نظرة عامة على الرسائل ثنائية الاتجاه

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

أعلى لوحة "الأداء" في "أدوات مطوّري البرامج"، مع عرض نشاط وحدة المعالجة المركزية بألوان متعدّدة

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

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

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

فلترة التتبّع

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

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

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

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

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

بهذه الطريقة، يمكنك التحكّم بدقة في الملفات التي تريد تجاهلها، ويمكنك تفعيل القواعد وإيقافها بسهولة أثناء العمل.

إخفاء النصوص البرمجية التابعة لجهات خارجية

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

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

الخاتمة

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