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

تعديلات على خادم MCP في "أدوات مطوّري البرامج"

أدخلنا تحسينات متنوّعة على خادم MCP في "أدوات مطوّري البرامج" وأصدرنا الإصدار 0.11.0.

  • عند إدخال طلب في عميل MCP (مثل Gemini CLI أو Cursor)، يمكنك الآن الإشارة إلى العناصر وطلبات الشبكة المحدّدة في لوحتَي "العناصر" و"الشبكة".
  • تتضمّن أداة list_console_messages الآن أيضًا المشاكل التي تم رصدها في لوحة المشاكل
  • يمكن الآن استخدام الأداة الجديدة press_key لتصحيح أخطاء أحداث لوحة المفاتيح غير المرتبطة بعناصر النماذج.
  • يمكن الآن حفظ لقطات لشجرة تسهيل الاستخدام على القرص
  • يمكن الآن إعادة تحميل الصفحات مع إمكانية تجاهل ذاكرة التخزين المؤقت
  • ضبط العلامة --user-data-dir لاستخدام ملف شخصي حالي على Chrome

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

تحسين مشاركة عمليات التتبُّع

مربّع حوار مشاركة التتبُّع في "لوحة الأداء"

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

  • محتوى الموارد: نسخة من جميع ملفات HTML وCSS وJavaScript (باستثناء نصوص الإضافات)
  • خرائط مصدر النص البرمجي: عمليات الربط بالرمز البرمجي الذي تم إنشاؤه، ما يتيح لك الاطّلاع على أسماء الدوال الأصلية وملفات المصدر.

يمكنك الاطّلاع على مستنداتنا المعدَّلة لمعرفة المعلومات التي يجب مشاركتها وتلك التي من الأفضل الحفاظ على خصوصيتها.

نشكر زملاءنا في Microsoft على تعاونهم الذي أتاح لنا تحقيق ذلك، وعلى جهودهم المبكرة في هذا المجال.

التوافق مع ‎ @starting-style

تتيح لوحة العناصر الآن إمكانية تصحيح أخطاء قاعدة CSS الجديدة @starting-style، وهي ضرورية لإنشاء رسوم متحركة عند الدخول.

يمكنك الآن الاطّلاع على أداة starting-style في شجرة العناصر بجانب العناصر ذات الصلة، وتبديل حالة starting-style للعنصر من خلال النقر على الحبة، وفحص وحلّ المشاكل في حظر @starting-style في علامة التبويب الأنماط.

أداة المحرّر للعرض: البناء

إذا كنت تجرّب تنسيق CSS Masonry، يمكنك الآن استخدام أداة التعديل نفسها التي اعتدت عليها في التنسيقات display وflex وgrid للتبديل بسرعة بين خيارات المحاذاة المختلفة في التنسيقات masonry.

Lighthouse 13

تعمل لوحة Lighthouse الآن بالإصدار 13 من Lighthouse. بهذا الإنجاز، نكون قد أنهينا عملية توحيد إحصاءات الأداء في كل من "أدوات مطوّري البرامج" وLighthouse.

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

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

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

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

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

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

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