الميزات الجديدة في 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 التي تحمل الاسم نفسه ولكنها واردة من مصادر مختلفة، وتجمّعها وفقًا لذلك.

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

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

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

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

صورة توضّح شكل الأقسام قبل وبعد فصلها إلى "بطاقات".

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

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

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

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

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

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

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

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

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

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

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

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