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

تصحيح أخطاء 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.

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

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

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

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

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

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

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

• تعرض شبكة التراكب في نافذة العرض الآن شبكات لوضعي الكتابة sideways-rl وsideways-lr.
• يحلّ الكلمات الرئيسية على مستوى CSS. يعني ذلك عمليًا أنّه إذا كان inherit لونًا، ستعرض علامة التبويب الأنماط أداة اختيار الألوان بجانبه.

مشاكل Chromium: 40280717 و40706051 و40501131

عمليات تدقيق Lighthouse للصفحات غير المتوفّرة عبر بروتوكول HTTP في وضعَي الفترة الزمنية واللقطة

يمكن الآن لـ Lighthouse إنشاء تقارير للصفحات غير HTTP في وضعَي "الفاصل الزمني" و"اللقطة".

تسهيل الاستخدام

يتضمّن هذا الإصدار تحسينات تسهيل الاستخدام التالية:

• في المصادر > المحرّر، يمكن الآن إغلاق علامات التبويب التي تحتوي على ملفات مفتوحة من خلال التركيز على الزر X والضغط على Enter أو المسافة.
• في الأداء، يمكنك الآن اختيار إدخال في التتبُّع والضغط على مفتاح المسافة لفتح قائمة السياق.
• في قسم الأداء، يمكن الوصول إلى علامة التبويب الإحصاءات في الشريط الجانبي على يمين الصفحة باستخدام لوحة المفاتيح، ويمكن التنقّل بين العناصر باستخدام مفتاح Tab.

مشكلة في Chromium: 372411090.

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

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

• تتم الآن مزامنة إعدادات التقييد بشكل صحيح بين لوحتَي الأداء والشبكة (370332090).
• يتضمّن الآن التطبيق > الخدمات التي تعمل في الخلفية > عمليات التحميل التخمينية > القواعد زر {} للطباعة المنسّقة يشبه الزر في المصادر > المحرّر (40279147).
• التعابير الحية: عند الضغط على Tab بعد اختيار أحد خيارات الإكمال التلقائي، سيتم الآن الخروج من حقل التعديل بدلاً من ترك مسافة بادئة للنص (349939551).
• العناصر > الأنماط: تتوافق anchor() وanchor-size() مع بنية جديدة يمكنك فيها إعادة ترتيب الوسيطات وحذف اتجاه anchor-size() (343516786). بالإضافة إلى ذلك، تم إصلاح مشكلة عرض المحتوى الاحتياطي (365802559).
• الشبكة: تم إصلاح معاينات GraphQL (369931288).
• الأداء: تعرض الآن التقارير تقدّمًا متزايدًا في تحميل عمليات التتبُّع ومعالجتها.
• WebAuthn: يتم الآن تعديل بيانات الاعتماد ديناميكيًا باستخدام طرق signal* (368467199).
• WebAssembly: يعرض الآن تحذير في وحدة التحكّم لإعلامك في حال توفّر رموز تصحيح أخطاء متعدّدة لوحدة WebAssembly، والرمز المستخدَم (40879198، 369515221).
• تتم إزالة طبقة "مؤشرات أداء الويب الأساسية" المركّبة من علامة التبويب العرض 328487897.
• لم تعُد الميزات المستندة إلى الذكاء الاصطناعي التوليدي تتطلّب مزامنة إعدادات Chrome.

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

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

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

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

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

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

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