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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

خيار القائمة "السؤال الذكي" والزر المقابل

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

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

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

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

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

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

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

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

إحصاءات وحدة التحكّم بنقرة واحدة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مشكلة Chromium: 369100729

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

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

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

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

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

مشكلة Chromium: 41006273.

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

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

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

مشكلة Chromium: 371463665

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

يمكن الآن لعمليات تتبُّع تسلسل استدعاء الدوالّ في وحدة التحكّم رصد الإطارات الواردة من الملفات المُدرَجة في قائمة التجاهل بشكلٍ صحيح، وتجاهلها وتصغيرها وإخفاؤها باللون الرمادي (إذا كانت مُوسّعة). في السابق، لم تكن الميزة غير رمادية في اسم الدالة في قسم التتبُّع الموسّع.

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

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

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

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

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

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

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

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

عمليات تدقيق أداة Lighthouse للصفحات غير المستندة إلى HTTP في وضعَي الفترة الزمنية واللقطة

يمكن الآن لأداة Lighthouse إنشاء تقارير للصفحات التي لا تستخدم بروتوكول HTTP في وضعَي "المدى الزمني" و"لقطة سريعة".

المقارنة بين حالة تفعيل التدقيق في صفحة لا تستخدم بروتوكول HTTP وحال عدم تفعيله في وضعَي الفترة الزمنية واللقطة

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

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

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

مشكلة 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 كناري، أو إصدار مطوّري البرامج، أو الإصدار التجريبي، كمتصفِّح التطوير التلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات "أدوات مطوري البرامج"، واختبار واجهات برمجة التطبيقات الأكثر تطوّرًا للأنظمة الأساسية للويب، كما تساعدك في العثور على المشاكل على موقعك الإلكتروني قبل أن يكتشفها المستخدمون.

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

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

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

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