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

كايس باسك
كايس باسك

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

الهدف طويل المدى هو إزالة محلّل وحدة المعالجة المركزية (CPU) القديم بلغة JavaScript وجعل الجميع يعملون على سير العمل الجديد.

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

الدخول إلى محلّل وحدة المعالجة المركزية (CPU) القديم الخاص بلغة JavaScript

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

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

طريقة تسجيل ملف شخصي على JavaScript

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

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

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

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

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

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

التعيين بين المخطط الدائري في سير العمل القديم والجديد.
الشكل 2. الربط بين الرسم البياني الدائري في سير العمل القديم (يسارًا) وسير العمل الجديد (إلى اليمين).

تتوفر طريقة العرض ثقيل (من أسفل إلى أعلى) في علامة التبويب من أسفل إلى أعلى:

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

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

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

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