الميزات الجديدة في 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، ما يتيح لك فحص الصور المتحركة بسهولة.

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

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

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

محاكاة الضغط في Sensors

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

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

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

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

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

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

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

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

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

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

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

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

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

لمحات متنوّعة

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

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

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

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

التواصل مع فريق Chrome DevTools

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

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

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