الميزات الجديدة في أدوات مطوّري البرامج (Chrome 115)

تحسينات العناصر

شارة شبكة فرعية جديدة في CSS

تحصل لوحة العناصر على شارة subgrid جديدة لعنصر الشبكة الفرعية. هذه الميزة تجريبية حاليًا في Chrome Canary.

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

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

مشكلة في Chromium: 1442536.

تحديد أداة الاختيار في التلميحات

في العناصر > الأنماط، مرِّر مؤشر الماوس فوق اسم أداة اختيار لعرض وزن التحديد الخاص بها في تلميح أداة.

مشكلة في Chromium: 1204932.

قيم خصائص CSS المخصّصة في تلميحات الأدوات

في العناصر > الأنماط، مرِّر مؤشر الماوس فوق اسم خاصية CSS مخصّصة للاطّلاع على قيمتها في تلميح أداة.

يودّ فريق DevTools أن يعرب عن شكره لـ "أنيس" و"سويان" على إتاحة هذا التحسين.

مشكلة في Chromium: 1380779.

تحسينات على المصادر

تمييز بنية CSS

يحصل لوحة المصادر على ما يلي لملفات CSS المعالجة مسبقًا، مثل SASS وSCSS وLESS:

• تمييز البنية
• إتاحة أدوات التعديل المضمَّنة تشبه أدوات التعديل هذه تلك الموجودة في العناصر > الأنماط، مثل أداة اختيار الألوان وأداة تعديل التباطؤ والتسارع.

مشاكل Chromium: ‏ 1302261 و1392085

اختصار لضبط نقاط الإيقاف المشروطة

يمكنك الآن ضبط نقاط التوقّف الشرطية بشكل أسرع باستخدام اختصار. لفتح مربّع حوار نقاط التوقّف، اضغط مع الاستمرار على Command (في نظام التشغيل MacOS) أو Control (في نظام التشغيل Windows أو Linux) وانقر على رقم السطر في العمود الأيسر من المصادر > المحرّر.

مشكلة في Chromium: 1405767

التطبيق > إجراءات الحدّ من التتبّع الارتدادي

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

إليك ميزة الأمان هذه:

1. حظر ملفات تعريف الارتباط التابعة لجهات خارجية في Chrome انتقِل إلى > الإعدادات > الخصوصية والأمان > ملفات تعريف الارتباط وبيانات الموقع الإلكتروني الأخرى > حظر ملفات تعريف الارتباط التابعة لجهات خارجية وفعِّلها.
2. في chrome://flags، اضبط تجربة إجراءات الحدّ من التتبّع الارتدادي على مفعَّلة مع الحذف.
3. افحص صفحة العرض التوضيحي هذه، وافتح التطبيق > الخدمات التي تعمل في الخلفية > إجراءات الحدّ من تتبُّع الارتداد، وانقر على رابط الارتداد في الصفحة، وانتظِر (10 ثوانٍ) إلى أن يسجّل Chrome الارتداد، ثم انقر على فرض التشغيل لحذف الحالة على الفور.

بالإضافة إلى ذلك، تحذّرك علامة التبويب المشاكل بشأن عملية حذف الحالة القادمة.

مشكلة في Chromium: 1432303.

الإصدار 10.2.0 من Lighthouse

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

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

مشكلة في Chromium: 772558.

تجاهُل نصوص المحتوى البرمجية تلقائيًا

تم الآن تفعيل الخيار الإعدادات > قائمة التجاهل > النصوص البرمجية للمحتوى التي تم إدخالها من خلال الإضافات تلقائيًا.

عند تفعيل هذا الخيار:

• يتجاهل برنامج تصحيح الأخطاء هذه النصوص البرمجية ولا يتوقف عند الاستثناءات المطروحة.
• تتخطّى اللوحة المصادر > حزمة استدعاء الإطارات التي تم تجاهلها. لإيقاف التخطّي هنا، ضَع علامة في المربّع عرض الإطارات المُدرَجة بقائمة التجاهل.
• تؤدي وحدة التحكّم إلى تصغير الإطارات التي تم تجاهلها في عمليات تتبُّع تسلسل استدعاء الدوال البرمجية. انقر على عرض المزيد من اللقطات (Show N more frames) للتوسيع، وعلى عرض لقطات أقل (Show less) للتصغير مرة أخرى.

بالإضافة إلى ذلك، أصبح النص في مربّعات الاختيار ضمن قائمة التجاهل أكثر وضوحًا.

مشاكل Chromium: 1440958 و1364501.

الشبكة > عرض الردود بتنسيق جميل تلقائيًا

تعرض الآن اللوحة الشبكة > الردّ تنسيقًا جميلاً لرموز الردّ المصغّرة تلقائيًا، على غرار لوحة المصادر.

بالإضافة إلى ذلك، تحصل ملفات SVG على تمييز للتركيب اللغوي.

مشاكل Chromium: 1382752 و1385374.

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

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

• الإعدادات > الأجهزة: تمت إضافة Facebook لنظام التشغيل Android الإصدار 407 على هاتف Pixel 6 إلى قائمة سلاسل وكيل المستخدم.
• الشبكة: تمت إضافة اختصار محو سجلّ الشبكة (1444991):
  • ‫MacOS: Command + K
  • في نظامَي التشغيل Windows وLinux: ‏ Control + L
• تمت إزالة الخيار المسجّل > التسجيل N > لوحة "إحصاءات الأداء" من القائمة المنسدلة (1414773).
• تم الآن إخفاء أوراق الأنماط التي تعذّر تحميلها من شجرة المتصفّح (1386059).
• الأداء: تم إصلاح مشكلة العرض غير الصحيح لمسار التفاعلات القابل للتوسيع (1432510).
• العناصر: يتم الآن وضع خطوط متعرّجة تحت أوراق الأنماط التي تعذّر تحميلها (1440626).
• لا يتدخّل برنامج تصحيح الأخطاء تلقائيًا في WebAssembly عندما لا يتوفّر مكوّن إضافي للغة المعنية (1443342).
• تمت استعادة الاختصار الذي ينقل المؤشر كلمة واحدة في كل مرة لملفات CSS في المصادر > المحرّر (1241848):
  • ‫MacOS: Alt + السهم
  • في نظامَي التشغيل Windows وLinux: ‏ Ctrl + السهم

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

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

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

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

• يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
• يمكنك الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" باستخدام more_vert المزيد من الخيارات > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" في "أدوات مطوّري البرامج".
• يمكنك نشر تغريدة على ‎@ChromeDevTools.
• يمكنك إضافة تعليقات على فيديوهات "الميزات الجديدة في أدوات مطوّري البرامج" على YouTube أو فيديوهات "نصائح حول أدوات مطوّري البرامج" على YouTube.

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

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