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

Kayce Basques

الدعم متعدّد العملاء في لوحة "عمليات التدقيق"

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

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

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

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

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

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

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

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

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

مشكلة Chromium رقم 991906

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

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

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

3. انقر على تسجيل. تسجِّل "أدوات مطوري البرامج" أحداث معالج الدفع لمدة 3 أيام، حتى عندما يتم استخدام "أدوات مطوري البرامج" مُغْلَق.

   

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

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

5. بعد بدء حدث معالج الدفع، انقر على صف الحدث لمعرفة المزيد من المعلومات عنه.

   

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

مشكلة Chromium رقم 980291

Lighthouse 5.2 في لوحة "عمليات التدقيق"

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

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

مشكلة Chromium رقم 772558

سرعة عرض أكبر محتوى مرئي في لوحة "الأداء"

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

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

لتحديد عقدة DOM المرتبطة بمقياس LCP:

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

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

   

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

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

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

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

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

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

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

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

التواصل مع فريق "أدوات مطوري البرامج في Chrome"

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

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

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

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