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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   

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

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

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

   

   الشكل 6. عرض حدث "معالج الدفع"

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

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

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

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

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

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

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

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

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

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

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

   

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

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

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

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

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

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

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

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

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

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

• يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
• يمكنك الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" باستخدام more_vert المزيد من الخيارات > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" في "أدوات مطوّري البرامج".
• يمكنك نشر تغريدة على ‎@ChromeDevTools.
• يمكنك إضافة تعليقات على فيديوهات "الميزات الجديدة في أدوات مطوّري البرامج" على YouTube أو فيديوهات "نصائح حول أدوات مطوّري البرامج" على YouTube.

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

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