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

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

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

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

نتيجة الأداء الأولية هي 70.

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

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

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

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

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

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

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

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

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

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

مشكلة Chromium رقم 991906

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

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

  1. انتقِل إلى لوحة التطبيق.
  2. افتح جزء معالج الدفع.
  3. انقر على تسجيل. تسجِّل أدوات مطوّري البرامج أحداث معالج الدفع لمدة 3 أيام، حتى في حال إغلاق أدوات مطوّري البرامج.

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

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

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

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

    عرض حدث معالج الدفع

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

مشكلة Chromium رقم 980291

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

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

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

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

مشكلة Chromium رقم 772558

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من متصفِّح Chrome

الإصدار 118 من متصفّح Chrome

الإصدار 117 من Chrome

الإصدار 116 من متصفّح Chrome

الإصدار 115 من متصفّح Chrome

الإصدار 114 من متصفّح Chrome

الإصدار 113 من متصفّح Chrome

الإصدار 112 من Chrome

الإصدار 111 من متصفّح Chrome

الإصدار 110 من متصفّح Chrome

الإصدار 109 من متصفِّح Chrome

الإصدار 108 من متصفِّح Chrome

107 Chrome

الإصدار 106 من متصفّح Chrome

105 Chrome

الإصدار 104 من متصفِّح Chrome

الإصدار 103 من متصفّح Chrome

الإصدار 102 من متصفّح Chrome

الإصدار 101 من متصفّح Chrome

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 82 من Chrome

تم إلغاء إصدار 82 من Chrome.

إصدار 81 من Chrome

80 Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome