أدوات مطوري البرامج في Chrome: تحليل وحدة المعالجة المركزية (CPU) باستخدام JavaScript في الإصدار 58 من Chrome

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

والهدف على المدى الطويل هو إزالة أداة تحليل أداء وحدة المعالجة المركزية (CPU) القديمة لصفحات JavaScript، وإشراك الجميع في سير العمل الجديد.

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

الوصول إلى أداة تحليل وحدة المعالجة المركزية (CPU) القديمة في JavaScript

إذا كنت تفضّل سير العمل القديم "تسجيل الملف التعريفي لوحدة المعالجة المركزية (CPU) في JavaScript" الذي كان متاحًا في لوحة "الملفات الشخصية"، سيظل بإمكانك الوصول إليه على النحو التالي:

  1. افتح القائمة الرئيسية في "أدوات مطوّري البرامج".
  2. اختَر مزيد من الأدوات > أداة تحليل JavaScript. يتم فتح أداة تحليل الأداء القديمة في لوحة جديدة باسم أداة تحليل JavaScript.

كيفية تسجيل ملف تعريف JS

  1. افتح "أدوات مطوري البرامج".
  2. انقر على علامة التبويب الأداء.

    لوحة الأداء في "أدوات مطوّري البرامج في Chrome"
    الشكل 1. لوحة الأداء

  3. يمكنك التسجيل بإحدى الطريقتَين التاليتَين:

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

كيفية ربط سير العمل القديم بالسير العمل الجديد

من طريقة العرض الرسم البياني للعملية القديمة، تعرض لك لقطة الشاشة أدناه موضع الرسم البياني العام لاستخدام وحدة المعالجة المركزية (السهم العلوي) ورسم بياني للأداء (السهم السفلي) في سير العمل الجديد.

تعيين بين مخطّط المخطّط البياني في سير العمل القديم وسير العمل الجديد
الشكل 2. تعيين بين الرسم البياني للّهب في سير العمل القديم (على يمين الصفحة) سير العمل الجديد (على يمين الصفحة)

يتوفّر عرض استهلاك كثيف (تصاعديًا) في علامة التبويب تصاعديًا:

الربط بين العرض من أسفل إلى أعلى في سير العمل القديم وسير العمل الجديد
الشكل 3. الربط بين العرض من أسفل إلى أعلى في سير العمل القديم (على يمين الصفحة) سير العمل الجديد (على يمين الصفحة)

يتوفّر عرض الشجرة (من الأعلى للأسفل) في علامة التبويب شجرة المكالمات:

التعيين بين "عرض الشجرة" في سير العمل القديم وسير العمل الجديد
الشكل 4. التعيين بين "عرض الشجرة" في سير العمل القديم (على يمين الصفحة) سير العمل الجديد (على يمين الصفحة)

يمكنك التواصل معنا على Twitter على ‎@ChromeDevTools أو فتح مشكلة على GitHub في مستودع المستندات إذا فاتتنا أي ميزات أو إذا كان لديك أي أسئلة أخرى حول هذه المقالة.