الميزات الجديدة في "أدوات مطوّري البرامج"، الإصدار 141 من Chrome

Sofia Emelianova
Sofia Emelianova
GitHub

‫Chrome DevTools (MCP) للوكيل المستند إلى الذكاء الاصطناعي

يمكنك الآن الاطّلاع على معاينة لخادم "بروتوكول سياق النموذج" (MCP) الجديد في "أدوات مطوّري البرامج في Chrome". توفّر هذه الإضافة إمكانات "أدوات مطوّري البرامج في Chrome" لمساعدات الترميز المستندة إلى الذكاء الاصطناعي.

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

إليك طريقة عملها:

لمزيد من المعلومات، يُرجى الاطّلاع على أدوات مطوّري البرامج في Chrome (MCP) لبرنامج الذكاء الاصطناعي.

تصحيح أخطاء شجرة اعتمادية الشبكة باستخدام Gemini

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

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

تصدير محادثاتك مع Gemini

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

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

إعدادات التتبُّع الدائمة في لوحة "الأداء"

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

فلترة طلبات الشبكة المحمية بعنوان IP

في لوحة الشبكة، يمكنك الآن فلترة الطلبات المُرسَلة إلى خوادم حماية عنوان IP.

قبل إضافة فلتر "الطلبات المحمية بعنوان IP" إلى "لوحة الشبكة" وبعد إضافته

إضافة إمكانية استخدام تنسيق البناء بالحجارة إلى علامة التبويب "العناصر" > "التنسيق"

يمكنك الآن فحص التصميم المتجانب في علامة التبويب العناصر > الأنماط.

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

قبل وبعد إضافة ميزة التنسيق المتراص إلى Elements - Layout

‫Lighthouse 12.8.2

تعمل لوحة Lighthouse الآن بالإصدار 12.8.2 من Lighthouse.

أهمّ ما يميّز هذا الإصدار هو أنّ Lighthouse يفصل المشاكل التي تم رصدها في خصائص CSS المخصّصة إلى رسائل خطأ منفصلة.

يمكنك أيضًا الاطّلاع على القائمة الكاملة بالتغييرات.

للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوّري البرامج"، يمكنك الاطّلاع على Lighthouse: تحسين سرعة الموقع الإلكتروني.

رقم تعريف مشكلة Chromium: 40543651.

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

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

  • الأداء: تتضمّن أحداث معاودة الاتصال غير المستخدَمة حاليًا الآن السمة timeout (crbug.com/441679219).
  • تسهيل الاستخدام ستقرأ قارئات الشاشة الآن ما يلي:
  • الشبكة: يؤدي النقر بزر الماوس الأيمن على عنصر سجلّ الشبكة إلى تحديده (crbug.com/368510578).

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

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

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

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

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

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