الميزات الجديدة في أدوات مطوّري البرامج (Chrome 78)

Kayce Basques
Kayce Basques
X GitHub

إتاحة العمل على حسابات متعدّدة العملاء في لوحة "عمليات التدقيق"

يمكنك الآن استخدام لوحة عمليات التدقيق مع ميزات أخرى في DevTools، مثل حظر الطلبات والتجاوزات المحلية.

على سبيل المثال، لنفترض أنّ تقرير لوحة عمليات التدقيق يشير إلى أنّ نتيجة أداء صفحتك هي 70، وأنّ إحدى أكبر فرص تحسين الأداء هي إزالة الموارد التي تحظر العرض.

تبلغ "نتيجة الأداء" الأولية 70.

الشكل 1. نتيجة الأداء الأولية

يشير التقرير الأولي إلى أنّ 3 نصوص برمجية تحظر العرض تمثّل مشكلة.

الشكل 2. يشير التقرير الأولي إلى أنّ 3 نصوص برمجية تحظر العرض تمثّل مشكلة.

بعد أن أصبح من الممكن استخدام لوحة عمليات التدقيق مع حظر الطلبات، يمكنك قياس مدى تأثير النصوص البرمجية التي تحظر عرض المحتوى في أداء التحميل بسرعة من خلال حظر الطلبات الخاصة بالنصوص البرمجية التي تحظر عرض المحتوى أولاً:

استخدام علامة التبويب "حظر الطلبات" لحظر النصوص البرمجية التي تتسبّب في المشكلة

الشكل 3. استخدام علامة التبويب طلب الحظر لحظر النصوص البرمجية التي تتسبّب في المشكلة

ثمّ تدقيق الصفحة مرة أخرى:

تحسّنت "نتيجة الأداء" إلى 97 بعد تفعيل ميزة حظر الطلبات.

الشكل 4. تحسّنت نتيجة الأداء إلى 97 بعد حظر النصوص البرمجية التي تسبّبت في المشكلة.

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

المشكلة رقم ‎991906 في Chromium

تصحيح أخطاء معالج الدفع

يتيح قسم الخدمات التي تعمل في الخلفية في لوحة التطبيق الآن أحداث معالج الدفع.

  1. انتقِل إلى لوحة التطبيق.
  2. افتح لوحة معالج الدفع.

  3. انقر على تسجيل. تسجّل "أدوات مطوّري البرامج" أحداث Payment Handler لمدة 3 أيام، حتى عند إغلاقها.

    تسجيل أحداث معالج الدفع

    الشكل 5. تسجيل أحداث معالج الدفع

  4. فعِّل الخيار عرض أحداث من نطاقات أخرى إذا كانت أحداث "معالج الدفع" تحدث على مصدر مختلف.

  5. بعد تشغيل حدث Payment Handler، انقر على صف الحدث لمعرفة المزيد عنه.

    عرض حدث Payment Handler

    الشكل 6. عرض حدث Payment Handler

المشكلة رقم ‎980291 في Chromium

الإصدار 5.2 من Lighthouse في لوحة "عمليات التدقيق"

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

لقطة شاشة لعملية التدقيق "استخدام جهات خارجية" في واجهة مستخدم تقرير Lighthouse

الشكل 7. عملية التدقيق استخدام جهة خارجية

المشكلة رقم 772558 في Chromium

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

عند تحليل أداء التحميل في لوحة الأداء، يتضمّن قسم التوقيتات الآن علامة سرعة عرض أكبر محتوى مرئي (LCP). يشير مقياس LCP إلى الوقت الذي يستغرقه ظهور أكبر عنصر محتوى مرئي في إطار العرض.

علامة LCP في قسم "التوقيتات"

الشكل 8. علامة LCP في قسم التوقيتات

لإبراز عقدة DOM المرتبطة بمقياس LCP، اتّبِع الخطوات التالية:

  1. انقر على علامة LCP في قسم التوقيتات.

  2. مرِّر مؤشر الماوس فوق العقدة ذات الصلة في علامة التبويب الملخّص لتمييز العقدة في نافذة العرض.

    قسم "العقدة ذات الصلة" في علامة التبويب "الملخّص"

    الشكل 9. قسم العقدة ذات الصلة في علامة التبويب الملخّص

  3. انقر على العقدة ذات الصلة لاختيارها في شجرة DOM.

الإبلاغ عن مشاكل في "أدوات مطوّري البرامج" من القائمة الرئيسية

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

مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج"." width="800" height="604">

الشكل 10 القائمة الرئيسية > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج"

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

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

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

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

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

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