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

Sofia Emelianova
Sofia Emelianova

تصحيح أخطاء CSS باستخدام Gemini

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

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

خيار القائمة "اسأل الذكاء الاصطناعي" والزر المقابل

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

لوحة المساعدة الجديدة المستندة إلى الذكاء الاصطناعي التي تجيب عن طلب

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

يتطلّع فريق DevTools إلى تلقّي ملاحظاتك. يمكنك تركها في crbug.com/364805393.

التحكّم في ميزات الذكاء الاصطناعي في علامة تبويب مخصّصة للإعدادات

يمكنك الآن إدارة جميع ميزات الذكاء الاصطناعي في مكان واحد: علامة التبويب الجديدة الإعدادات > ابتكارات الذكاء الاصطناعي. وتتضمّن هذه الصفحة اعتبارات مهمة، وتصف ميزات الذكاء الاصطناعي، وتتيح لك تفعيلها وإيقافها بشكل فردي.

علامة التبويب الجديدة "ابتكارات الذكاء الاصطناعي"

لمزيد من المعلومات، يُرجى الاطّلاع على الإعدادات > ابتكارات الذكاء الاصطناعي.

إحصاءات Console بنقرة واحدة

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

إذا كنت مسجّلاً الدخول إلى Chrome، يمكنك تفعيل هذه الميزات من خلال الانتقال إلى الإعدادات > ابتكارات الذكاء الاصطناعي.

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

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

إضافة تعليقات توضيحية إلى نتائج الأداء ومشاركتها

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

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

علامة التبويب الجديدة الخاصة بالتعليقات التوضيحية في الشريط الجانبي على اليمين والحدث والنطاق والاتصال الذي تمت إضافة تعليق توضيحي إليه

الحصول على إحصاءات الأداء مباشرةً في لوحة "الأداء"

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

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

يتطلّع فريق "أدوات مطوّري البرامج" إلى تلقّي ملاحظاتك حول مدى فائدة الإحصاءات وطرق تحسينها وتجربتك في استخدامها مع أدوات أخرى، مثل إحصاءات PageSpeed وLighthouse. يمكنك إرسال ملاحظاتك على crbug.com/371170842.

رصد متغيّرات التصميم المفرطة بسهولة أكبر

أصبح مقياس تغيّرات التنسيق متوفّرًا بمظهر جديد. يتم الآن وضع علامة على تغييرات التنسيق باستخدام ماسات أرجوانية (أكثر وضوحًا)، ويتم تجميعها في مجموعات استنادًا إلى مدى قربها من بعضها على المخطط الزمني. تحصل كلّ من التحوّلات ومجموعاتها على جدول منظَّم يتضمّن التوقيتات والنتائج والعناصر والجناة المحتملين في علامة التبويب الملخّص.

صورة لما قبل وما بعد تعديل مسار "تغيّرات التنسيق" وإعادة تنظيم علامة التبويب "الملخّص"

بالإضافة إلى ذلك، يتضمّن عرض المقاييس المباشرة سجلّ عمليات تغيير التنسيق مع النتائج والعناصر بجانب علامة التبويب التفاعلات.

قبل إضافة سجلّ "تغيّرات التنسيق" إلى عرض المقاييس المباشرة وبعدها

رقم المشكلة في Chromium: 369100729.

تحديد الصور المتحركة غير المركّبة

يعرض لك مسار الصور المتحركة الآن معلومات مفيدة حول الصور المتحركة غير المركّبة:

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

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

لمزيد من المعلومات، يُرجى الاطّلاع على الالتزام بالسمات الخاصة ببرنامج Compositor فقط وإدارة عدد الطبقات.

مشكلة في Chromium: 41006273.

نقل مستوى التزامن في الجهاز إلى "أجهزة الاستشعار"

تم نقل الإعداد التزامن مع الأجهزة من لوحة الأداء إلى مكان أكثر ملاءمة، وهو لوحة أدوات الاستشعار.

صورة قبل وبعد نقل إعداد "التزامن على مستوى الأجهزة" إلى لوحة "أجهزة الاستشعار"

مشكلة في Chromium: 371463665.

تجاهل النصوص البرمجية المخفية الهوية والتركيز على الرمز في عمليات تتبُّع تسلسل استدعاء الدوال البرمجية

يمكن الآن لعمليات تتبُّع تسلسل استدعاء الدوال البرمجية في وحدة التحكّم رصد الإطارات التي تأتي من الملفات المدرَجة في قائمة التجاهل وتجاهلها وتصغيرها وتظليلها (في حال توسيعها). في السابق، لم يكن يتم عرض اسم الدالة باللون الرمادي في التتبُّع الموسّع.

يمكنك أيضًا تفعيل الجديدة الإعدادات > قائمة التجاهل > البرامج النصية المجهولة المصدر من eval أو وحدة التحكّم لضبط DevTools على تجاهل البرامج النصية المجهولة المصدر التي لا تتضمّن عنوان URL للمصدر.

توضّح الصورة أدناه كيف يبدو تجاهل قائمة التحسين قبل وبعد التحسين في عمليات تتبُّع تسلسل استدعاء الدوال البرمجية.

بالإضافة إلى ذلك، عند النقر بزر الماوس الأيمن على سجلّ وحدة التحكّم واختيار حفظ باسم...، لا يتم حفظ النص عرض المزيد/التقليل.

مشاكل Chromium: 40279542 و40945570 و345248263

"العناصر" > "الأنماط": إتاحة أوضاع الكتابة sideways-* لتراكبات الشبكة والكلمات الرئيسية على مستوى CSS

تتيح علامة التبويب العناصر > الأنماط الآن ما يلي:

مشاكل Chromium: