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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مشكلة Chromium: 369100729

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

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

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

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

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

مشكلة في Chromium: 41006273

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

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

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

مشكلة Chromium: 371463665

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

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

يمكنك أيضًا تفعيل الجديدة الإعدادات > قائمة التجاهل > النصوص البرمجية المجهولة المصدر من eval أو وحدة التحكّم لضبط DevTools على تجاهل النصوص البرمجية المجهولة المصدر بدون عنوان 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.

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

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

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

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

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

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