الميزات الجديدة في DevTools، الإصدار 132 من Chrome

Sofia Emelianova
Sofia Emelianova
GitHub

تصحيح أخطاء طلبات الشبكة والملفات المصدر وعمليات تتبُّع الأداء باستخدام Gemini

بالإضافة إلى أنماط CSS، يمكنك الآن التواصل مع Gemini عبر الدردشة بشأن طلبات الشبكة والملفات المصدر وعمليات تتبُّع الأداء.

على غرار قائمة السياقات في لوحة العناصر، لفتح لوحة المساعدة المستندة إلى الذكاء الاصطناعي وبدء المحادثة مع Gemini، يمكنك النقر بزر الماوس الأيمن واختيار السؤال من الذكاء الاصطناعي أو النقر على الزر السؤال من الذكاء الاصطناعي بجانب ما يلي:

  • طلب شبكة في لوحة الشبكة
  • ملف في علامة التبويب المصادر > الصفحة
  • نشاط في مسار الأداء > الرئيسي

أزرار "السؤال الذكي" وخيار القائمة في "الشبكة" و"المصادر" و"الأداء"

سيأخذ Gemini سياق الطلب أو الملف أو النشاط المحدّد في الاعتبار.

يتطلّع فريق أدوات المطوّرين إلى معرفة ملاحظاتك وآرائك على crbug.com/364805393.

سجلّ المحادثات مع الذكاء الاصطناعي

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

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

سجلّ المحادثات المستند إلى الذكاء الاصطناعي في قائمة منسدلة ضمن الزر "السجلّ"

إدارة مساحة تخزين الإضافة في "التطبيق" > مساحة التخزين

على غرار مساحة التخزين على الجهاز ومساحة تخزين الجلسة، يمكنك الآن عرض إدخالات مساحة تخزين الإضافة وتغييرها في قسم التطبيق > مساحة التخزين.

الاختلافات بين حالتَي إضافة قسم "مساحة تخزين الإضافة" إلى لوحة "التطبيق" قبل وبعد الإضافة

مشكلة في Chromium: crbug.com/40963428

تحسينات الأداء

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

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

يمكنك الآن توسيع نطاق التفاعلات في مقاييس الأداء المباشرة للاطّلاع على تفاصيل المراحل وأوقاتها.

التفاعلات قبل إضافة تقسيم المراحل وتوقيتاتها

كما هو موضّح في مقالة إضافة Web Vitals، المتوفّرة الآن في "أدوات المطوّر"، يشير إصدار هذه الميزات إلى إيقاف إضافة Web Vitals نهائيًا.

مشكلة في Chromium: crbug.com/369097528.

معلومات حظر العرض في علامة التبويب "الملخّص"

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

المقارنة بين حالة الصفحة قبل إضافة معلومات حظر العرض إلى علامة التبويب "ملخّص" وبعد إضافتها

إتاحة أحداث scheduler.postTask وسهمَي المشغِّل

يعرِض الآن مسار الأداء > الرئيسي أحداث scheduler.postTask() وسهام المشغِّل التالية بين:

  • Schedule postTask -> Fire postTask
  • Schedule postTask -> Abort postTask

الإصداران قبل إضافة التوافق مع أحداث scheduler.postTask وسهمَي المشغِّل

مشكلة في Chromium: crbug.com/40775984

تحسينات على علامة التبويب "الأنماط"" id="animations" tabindex="-1">لوحة "الصور المتحركة" و"العناصر" > تحسينات علامة التبويب "الأنماط"

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

في علامة التبويب العناصر > الأنماط، تم الآن وضع زرَّي حركة الانتقال إلى لوحة "الحركات" بجانب قيمة سمات animation، ما يتيح لك تعديل الحركة بسهولة.

الصورة قبل وبعد إضافة رابط من علامة التبويب "الأنماط" إلى لوحة "التأثيرات المتحركة"

التحديثات في الوقت الفعلي في علامة التبويب "المعلومات المحسوبة"

تعمل علامة التبويب العناصر > المحتسَبة الآن على تعديل القيم المحسوبة في الوقت الفعلي عندما تعدّلها الصور المتحركة، على سبيل المثال.

احتساب محاكاة الضغط في "أجهزة الاستشعار"

تتيح لك الآن لوحة أجهزة الاستشعار محاكاة الضغط على وحدة المعالجة المركزية Nominal وFair وSerious وCritical.

الصورة قبل وبعد إضافة خيار محاكاة الضغط على وحدة المعالجة المركزية إلى لوحة "أجهزة الاستشعار"

مشكلة في Chromium: crbug.com/362277525

عناصر JavaScript التي تحمل الاسم نفسه مجمّعة حسب المصدر في لوحة "الذاكرة"

تميِّز لوحة الذاكرة الآن بين عناصر JavaScript التي تحمل الاسم نفسه والتي تأتي من مصادر مختلفة وتصنّفها وفقًا لذلك.

قبل وبعد تجميع عناصر JS التي تحمل الاسم نفسه أيضًا حسب المصدر

مشكلة في Chromium: crbug.com/357902505

مظهر جديد للإعدادات

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

فصل الأقسام إلى "بطاقات" قبل وبعد

إيقاف لوحة "إحصاءات الأداء" نهائيًا وإزالتها من "أدوات مطوّري البرامج"

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

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

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

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

  • الأداء:
    • أزلنا الحدّ الأقصى غير الضروري البالغ 3 أحرف لطلبات البحث.
    • تمت إضافة زر Home الذي ينقلك إلى شاشة المقاييس المباشرة.
    • تم إصلاح اختصارات التكبير/التصغير باستخدام ميزة "تتبُّع" التي كانت لا تعمل سابقًا باستخدام Shift+S/W.
  • العناصر > الأنماط:
    • تمت إضافة anchor-center إلى الإكمال التلقائي 341991541.
    • تم إصلاح خلل في محرِّر Flexbox الذي لم يكن متاحًا للقيم المكونة من كلمتين 341964645.
  • الشبكة: تظهر الآن تحذيرات صفراء بدلاً من حالات تعذُّر التحميل المُسبَق أو أخطاء حمراء للإشارة إلى أنّ عرض المحتوى لم يتأثّر 372055494.

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

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

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

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

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

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