في الإصدار 114 من Chrome، أطلق الفريق ميزة منتظرة بشدة على خادم MCP في "أدوات مطوّري Chrome"، وهي لوحة "شروط الطلب" الجديدة وتحسينات لتصحيح أخطاء الخطوط وأوراق الأنماط المضمّنة.
بهذا نكون قد أنهينا القائمة الرائعة للميزات التي أطلقناها خلال عام 2025. هل تريد معرفة ما إذا فاتتك أي منها؟ بعد ذلك، يمكنك الاطّلاع على أهم النقاط التالية أو تصفّح الإصدارات السابقة من "الميزات الجديدة في أدوات مطوّري البرامج".
تعديلات على خادم MCP في "أدوات مطوّري البرامج"
أجرينا إصلاحات متنوّعة لخادم MCP في "أدوات مطوّري Chrome" وأصدرنا الإصدار 0.12.1. يتضمّن هذا الإصدار ميزة جديدة رئيسية، وهي ميزة الربط التلقائي، التي تتيح لك إعادة استخدام جلسة متصفّح حالية. باستخدام ميزة الربط التلقائي، يمكنك بدء تصحيح الأخطاء بنفسك في Chrome، ثم توجيه أداة MCP في DevTools إلى مثيل Chrome نفسه لمتابعة العمل من حيث توقّفت.
يمكنك الاطّلاع على مزيد من المعلومات حول ميزة الربط التلقائي في "أدوات المطوّرين" MCP في منشور المدوّنة ذي الصلة. يمكنك الاطّلاع على سجلّ التغيير العلني على GitHub للحصول على القائمة الكاملة بالتغييرات وإصلاحات الأخطاء.
ضبط الحدّ الأقصى المسموح لعرض نطاق الشبكة لطلبات الشبكة الفردية
تمت إعادة تسمية لوحة "حظر طلبات الشبكة" لتصبح شروط الطلب. بالإضافة إلى حظر الطلبات، تتيح لك هذه اللوحة الآن أيضًا تحديد عدد مرات تنفيذ الطلبات الفردية.
افتح اللوحة من ⋮ > مزيد من الأدوات > شروط الطلب. ضَع علامة في مربّع الاختيار تفعيل الحظر والتقييد لتفعيل حظر الطلبات. انقر على الزر + لإضافة نمط نص جديد. انقر على الرمز لتجاهل جميع القواعد.
تعرَّف على كيفية تقييد عدد طلبات الشبكة الفردية في المستندات المعدَّلة.
تعديل قواعد @font-face و @font-feature-values
يظهر الآن كل من @font-face و@font-feature-values في لوحة الأنماط ويمكن تعديلهما من هناك.
أوراق الأنماط المضمّنة في لوحة "العناصر"
تعرض لوحة العناصر الآن أوراق الأنماط المضمّنة ضمن جذور الظل وجذور المستندات. يسهّل ذلك على المطوّرين الذين يعملون باستخدام أوراق الأنماط الإنشائية العثور على أوراق الأنماط التي تؤثّر في عناصرهم وتصحيح أخطاء الأنماط، خاصةً عندما لا يتم تطبيقها بشكل غير متوقّع.
الميزات الجديدة في "أدوات مطوّري البرامج" لعام 2025
ابتكارات الذكاء الاصطناعي
بدءًا من إحصاءات وحدة التحكّم، أصبحت ابتكارات الذكاء الاصطناعي جزءًا لا يتجزأ من Chrome DevTools، وأصبحت لوحة الدعم الذكي هي المحور الرئيسي لتصحيح الأخطاء بمساعدة الذكاء الاصطناعي الذي يراعي السياق. من خلال اقتراحات الرموز البرمجية في لوحتَي "وحدة التحكّم" و"المصادر" والتعليقات التوضيحية التلقائية من Gemini في عمليات تتبُّع الأداء، توفّر "أدوات مطوّري Chrome" مجموعة شاملة من الأدوات المستندة إلى الذكاء الاصطناعي لتبسيط سير العمل.
- إصلاحات شاملة في التصميم: اطلب من Gemini حلّ مشاكل CSS، وبدمج هذه الميزة مع Workspaces، يمكنك حفظ التغييرات مباشرةً في ملفات المصدر على القرص.
- الاستفسار عن الأداء: يمكنك الآن مناقشة تتبُّع كامل للأداء بمساعدة الذكاء الاصطناعي، أو التعرّف بالتفصيل على أي من "إحصاءات الأداء"، أو استخدام Gemini لإضافة تعليقات توضيحية إلى عملية التتبُّع.
- تصحيح الأخطاء المرئية: أصبحت لوحة المساعدة المستندة إلى الذكاء الاصطناعي متعددة الوسائط، ما يتيح لك تحميل الصور أو أخذ لقطات شاشة لمساعدة Gemini في فهم الأخطاء المرئية وتصحيحها.
الأداء
أعدنا تصميم لوحة الأداء لتسهيل عملية تصحيح أخطاء الأداء وجعلها أكثر فعالية. على سبيل المثال، يتضمّن التتبُّع المسجّل الآن إحصاءات منسَّقة تساعدك في تحديد المؤثِّرات السلبية بشكل أسرع والتنقّل بين عمليات التتبُّع بشكل أسرع. تشمل التحسينات الأخرى ما يلي:
- إحصاءات قابلة للاستخدام: قدّمنا مجموعة قوية من إحصاءات الأداء التي تحدّد مشاكل معيّنة، مثل أكبر محتوى مرئي في الصفحة حسب المرحلة والعناصر التي تسبّبت في حدوث تغيير في تنسيق الصفحة ووقت استجابة طلب المستند.
- السياق الفعلي: لقد أضفنا البيانات الفعلية وبيانات CrUX مباشرةً إلى "لوحة الأداء"، ما يتيح لك التحقّق من صحة نتائج الاختبارات المعملية مقارنةً بتجارب المستخدمين الفعليين.
- سياق إطار العمل: تستخدم الآن كل من Angular v20 وReact v19.2 Extensibility API. يصبح فهم المشاكل في السلسلة الرئيسية أسهل من خلال عرض مباشر لشجرة المكوّنات. نودّ أن نشكر فريقَي Angular وReact على تعاونهما معنا.
- تحسين التعاون: أصبح من الأسهل مشاركة عمليات التتبُّع بفضل إمكانية إضافة تعليقات توضيحية إلى عمليات التتبُّع وخيارات تصدير محتوى الموارد وخرائط المصدر، ما يضمن توفّر كل السياق اللازم لزملائك أو لك في المستقبل.
منصة الويب
واكب فريق DevTools تطوّر منصة الويب، فأضاف أدوات مخصّصة لأحدث مواصفات CSS، مع تحسين تجربة المطوّرين في ما يتعلّق بالميزات الحالية.
أضفنا تتبُّعًا تفصيليًا لسلاسل متغيّرات CSS المعقّدة، وأتحنا إمكانية الوصول إلى Baseline من خلال تلميحات الأدوات الخاصة بالسمات، وأتحنا مؤخرًا إمكانية تصحيح الأخطاء في الحركات المعقّدة عند الدخول إلى الصفحة باستخدام القاعدة @starting-style ومحرّر مرئي للتصميم الجديد display: masonry.
تنزيل قنوات المعاينة
ننصحك باستخدام Chrome Canary أو Dev أو Beta كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.
التواصل مع فريق Chrome DevTools
استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".
- يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
- يمكنك الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" باستخدام المزيد من الخيارات > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" في "أدوات مطوّري البرامج".
- يمكنك نشر تغريدة على @ChromeDevTools.
- يمكنك إضافة تعليقات على فيديوهات "الميزات الجديدة في أدوات مطوّري البرامج" على YouTube أو فيديوهات "نصائح حول أدوات مطوّري البرامج" على YouTube.