الميزات الجديدة في أدوات مطوّري البرامج (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.

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

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

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

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

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

مشاكل 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).
• لا يتدخّل Debugger تلقائيًا في WebAssembly عندما لا يتوفّر مكوّن إضافي للغة المعنية (1443342).
• تمت استعادة اختصار لوحة المفاتيح الذي ينقل المؤشر كلمة واحدة في كل مرة لملفات CSS في المصادر > المحرّر (1241848):
  • نظام التشغيل MacOS: Alt + السهم
  • ‫Windows/Linux: Ctrl + السهم

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

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

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

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

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

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

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