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

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

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

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

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

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

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

كيفية تسجيل ملف شخصي في JavaScript

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

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

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

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

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

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

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

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

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

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

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

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