الميزات الجديدة في "أدوات مطوري البرامج"، الإصدار Chrome 129

Sofia Emelianova
Sofia Emelianova
GitHub

يتيح تطبيق "المسجّلة الذكية" التصدير إلى Puppeteer في Firefox

كجزء من إتاحة WebDriver BiDi، يمكن الآن للوحة المسجّلة الذكية تصدير التسجيلات إلى Puppeteer في Firefox. من خلال توافق Puppeteer مع Firefox، يمكنك الآن تسجيل مسارات المستخدِمين باستخدام لوحة المسجِّل في Chrome DevTools، وتصديرها، وتنفيذها على كلّ من Firefox وChrome.

قبل إضافة خيار Puppeteer for Firefox إلى قائمة تصدير "المسجِّل" وبعدها

لمزيد من المعلومات، يُرجى الاطّلاع على WebDriver BiDi - مستقبل التشغيل الآلي على جميع المتصفّحات.

تحسينات على لوحة الأداء

يقدّم هذا الإصدار عددًا من التحسينات على لوحة الأداء.

ملاحظات حول المقاييس المباشرة

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

للاطّلاع على الملاحظات المباشرة حول LCP وCLS، افتح لوحة الأداء. للاطّلاع على مقياس مدى استجابة الصفحة لتفاعلات المستخدم (INP)، عليك إجراء تفاعل على إحدى الصفحات. لمقارنة المقاييس على نظامك المحلي بتجربة المستخدم المجمّعة من "تقرير تجربة المستخدم في Chrome"، أضِف بيانات الحقول: في قسم بيانات الحقول على يسار الصفحة، انقر على إعداد، وفي نافذة الحوار، انقر على حسنًا. مرِّر مؤشر الماوس فوق قيمة مقياس للاطّلاع على تلميح يقدّم المزيد من المعلومات.

ملاحظات مباشرة حول المقاييس في لوحة "الأداء"

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

يعمل مربّع البحث في لوحة الأداء الآن أيضًا في مسار الشبكة، ما يتيح لك العثور على الطلبات باستخدام اختصار Ctrl / Cmd + F.

تم العثور على طلب شبكة من خلال البحث.

الاطّلاع على تتبع تسلسل استدعاء الدوال البرمجية لمكالمات performance.mark وperformance.measure

في علامة التبويب ملخّص، تعرض لك لوحة الأداء الآن عمليات تتبُّع تسلسل استدعاءات performance.mark وperformance.measure. يمكنك استخدام هذه الطلبات لتوسيع نطاق تتبُّع الأداء باستخدام بياناتك المخصّصة.

يعرض الجدولان "قبل" و"بعد" عمليات تتبُّع تسلسل استدعاء الدوالّ لطلبات performance.mark وperformance. measure.

لمزيد من المعلومات، يُرجى الاطّلاع على مقالة تخصيص بيانات الأداء باستخدام واجهة برمجة التطبيقات Extensibility API.

استخدام بيانات العنوان التجريبي في لوحة "الملء التلقائي"

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

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

الإجراءان قبل وبعد إضافة خيارات بيانات اختبار الملء التلقائي إلى القائمة المنسدلة لحقل نموذج العنوان

تحسينات على لوحة "العناصر"

يقدّم هذا الإصدار بعض التحسينات على لوحة العناصر.

فرض المزيد من الحالات لعناصر معيّنة

يوفّر لك الآن قسم :hov في العناصر > الأنماط المزيد من الفئات الزائفة التي يمكنك تفعيلها بشكلٍ قسري. تظهر المجموعة الجديدة من الخيارات ضمن القائمة المنسدلة لحالة فرض عنصر معيّن، وهي محصورة بعناصر معيّنة تختارها. على سبيل المثال، يتضمّن <label> و<input> مجموعتَين مختلفتَين من الخيارات.

الحالة قبل إضافة إمكانية فرض حالات عناصر معيّنة والحالة بعد الإضافة

مشكلة في Chromium: 40280012

عناصر > الأنماط: تتيح الآن إكمال المزيد من خصائص الشبكة تلقائيًا

تقدّم الآن علامة التبويب العناصر > الأنماط خيارات الملء التلقائي عند تعديل أسماء منطقة الشبكة والخطوط.

المقارنة بين حالة إضافة خيارات الإكمال التلقائي وحالتها قبل الإضافة عند تعديل أسماء خطوط الشبكة

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

Lighthouse 12.2.0

تعمل لوحة Lighthouse الآن بإصدار Lighthouse 12.2.0.

يقدّم هذا التحديث عددًا من إصلاحات الأخطاء. يمكنك الاطّلاع على القائمة الكاملة بالتغييرات.

للتعرّف على أساسيات استخدام لوحة Lighthouse في أدوات مطوّري البرامج، اطّلِع على مقالة Lighthouse: تحسين سرعة الموقع الإلكتروني.

مشكلة Chromium: 772558

لحظات مميّزة متنوعة

في ما يلي بعض الإصلاحات والتحسينات المُهمّة في هذا الإصدار:

  • العناصر:
    • تم إصلاح خطأ في العرض غير الصحيح لسمات الطول التي تم تحميلها بشكل زائد 357020613.
    • تمت إعادة تسمية position-try-options إلى position-try-fallbacks وفقًا للمواصفات.
    • تؤدي إعادة تحميل الصفحة الآن إلى استعادة العقدة المحدّدة حتى داخل إطار iframe‏ 40719145.
    • تسهيل الاستخدام: ستشير برامج قراءة الشاشة الآن إلى زر إظهار العنصر 357382536.
  • الأداء > الشبكة: يؤدي خيار القائمة العرض في الشبكة الآن إلى فتح علامة التبويب الرؤوس لطلب الشبكة ذي الصلة.
  • وحدة التحكّم:
    • لا تؤدي الأخطاء الواردة من إضافة C/C++ الآن إلى فتح وحدة التحكّم بشكل قسري 356320158.
    • تم إصلاح خلل في import.meta في وحدة JavaScript في عدم التقييم عند الإيقاف المؤقت 40743793.
  • الذاكرة: تم إصلاح خلل في ميزة "استعادة عمليات الاحتفاظ التي تم تجاهلها" حيث لم تظهر بعد تجاهل عملية الاحتفاظ 327337527.

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

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

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

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

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

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