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

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

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

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

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

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

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

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

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

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

طلبات البحث في مسار "الشبكة"

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

الاطّلاع على تتبع تسلسل استدعاء الدوال البرمجية لمكالمات 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.

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

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

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

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

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

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

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