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

Jecelyn Yeen

محو "لوحة الأداء" عند إعادة التحميل

تعمل لوحة الأداء الآن على محو كلّ من لقطة الشاشة والتتبُّع عند النقر على الزر بدء التحليل وإعادة تحميل الصفحة.

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

محو "لوحة الأداء" عند إعادة التحميل

مشاكل Chromium: 1101268 و1382044

آخر الأخبار حول "المسجّلة الذكية"

عرض رمز مسار المستخدم وتمييزه في "أداة التسجيل"

توفّر أداة المسجّل الآن عرضًا مقسّمًا للرمز، ما يسهّل عرض رمز مسار المستخدم. للوصول إلى عرض الرمز، افتح مسار مستخدم وانقر على عرض الرمز.

تُبرز أداة المسجّل الرمز البرمجي المطابق أثناء تمرير مؤشر الماوس فوق كل خطوة على اليمين، ما يسهّل تتبُّع مسارك. يمكنك تغيير تنسيق الرمز باستخدام القائمة المنسدلة التي تتيح لك التبديل بين التنسيقات، مثل نص اختبار Nightwatch.

طريقة عرض الرمز في "المسجّلة الذكية"

مشكلة في Chromium: 1385489

تخصيص أنواع أدوات الاختيار المُستخدَمة أثناء التسجيل

يمكنك إنشاء تسجيلات تتضمّن فقط أنواع أدوات الاختيار التي تهمّك. باستخدام الخيار الجديد لتخصيص أنواع أدوات الاختيار عند إنشاء تسجيل جديد، يمكنك تضمين أدوات اختيار أو استبعادها، مثل XPath، ما يضمن لك تسجيل أدوات الاختيار التي تريدها فقط في مسارات المستخدمين.

خيار جديد لتخصيص أنواع أدوات الاختيار

مشكلة في Chromium: 1384431

تعديل مسار المستخدم أثناء التسجيل

يتيح لك تطبيق المسجّلة الذكية الآن التعديل أثناء التسجيل، ما يمنحك المرونة لإجراء تغييرات في الوقت الفعلي. لم يعُد عليك إيقاف التسجيل لإجراء تعديلات.

التعديل أثناء تسجيل مسار المستخدِم

مشكلة في Chromium: 1381971

عرض التنسيق المحسّن تلقائيًا في المكان نفسه

تعرض لوحة المصادر الآن تلقائيًا ملفات المصدر المصغَّرة بتنسيق محسّن في مكانها. يمكنك النقر على زر عرض النص بتنسيق محسّن { } للتراجع عن هذا الإجراء.

في السابق، كانت لوحة المصادر تعرض المحتوى المصغّر تلقائيًا. لتنسيق المحتوى، كان عليك النقر على زر "الطباعة المنسّقة" يدويًا. بالإضافة إلى ذلك، لم يتم عرض المحتوى المنسَّق في علامة التبويب نفسها، بل في علامة تبويب أخرى ::formatted.

عرض ملف مصغّر قبل وبعد التنسيق المحسّن التلقائي في المكان نفسه

مشاكل Chromium: 1383453 و1382752 و1382397

تمييز البنية بشكل أفضل ومعاينة مضمّنة لكل من Vue وSCSS والمزيد

أضافت لوحة المصادر ميزة تمييز بناء الجملة للعديد من تنسيقات الملفات الشائعة الاستخدام، ما يتيح لك قراءة الرمز البرمجي بسهولة أكبر والتعرّف على بنيته، بما في ذلك Vue وJSX وDart وLESS وSCSS وSASS وCSS المضمّن.

تمييز بناء الجملة في Vue

بالإضافة إلى ذلك، حسّنت "أدوات مطوّري البرامج" أيضًا المعاينة المضمّنة لكلّ من Vue وHTML المضمّن وTSX. مرِّر مؤشر الماوس فوق متغيّر لمعاينة قيمته.

معاينة مضمّنة لـ Vue

بالإضافة إلى ذلك، تعرض "أدوات مطوّري البرامج" الآن خريطة المصادر لورقة أنماط في لوحة المصادر. على سبيل المثال، عند فتح ملف SCSS، يمكنك الوصول إلى ملف CSS ذي الصلة من خلال النقر على رابط sourcemap.

رابط خريطة المصادر لملف SASS

مشاكل Chromium: 1385374 و1385632 و1385281 و1385269 و1383892 و1361862 و1383451 و1392106 و1149734

الإكمال التلقائي المريح والمتسق في "وحدة التحكّم"

تحسّن DevTools تجربة الإكمال التلقائي من خلال تطبيق التغييرات التالية:

  • يتم استخدام Tab دائمًا لإكمال الكلمات تلقائيًا.
  • يختلف سلوك Arrow right وEnter حسب السياق.
  • تتوفّر تجربة الإكمال التلقائي نفسها في جميع أدوات تعديل النصوص، وذلك في لوحات وحدة التحكّم والمصادر والعناصر

على سبيل المثال، إليك ما يحدث عند كتابة cons في وحدة التحكّم:

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

  • تنفّذ وحدة التحكّم السطر عند الضغط على Enter. في السابق، كان يتم إكمال السطر تلقائيًا باستخدام الاقتراح الأفضل. لإكمال النص تلقائيًا، اضغط على Tab أو Arrow Right. تنفيذ السطر عند الضغط على Enter

  • تُبرز وحدة التحكّم الخيار المحدّد أثناء التنقّل في قائمة الاقتراحات باستخدام اختصاري Arrow up وArrow down. أبرز المحطات أثناء التنقّل بين الاقتراحات

  • لإكمال النص تلقائيًا باستخدام الخيار المحدّد أثناء التنقّل، استخدِم مفاتيح لوحة المفاتيح Tab أو Enter أو Arrow Right. الإكمال التلقائي باستخدام الخيار المحدّد أثناء التنقّل

  • عند التعديل في منتصف الرمز، مثلاً عندما يكون المؤشر بين n وs، استخدِم Tab للإكمال التلقائي، وEnter لتنفيذ السطر، وArrow Right لنقل المؤشر إلى الأمام. التعديل في منتصف الرمز

مشاكل Chromium: 1399436 و1276960

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

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

  • تم حلّ مشكلة تراجع في "أدوات مطوّري البرامج"، حيث تعذّر التوقّف عند عبارة debugger في النصوص البرمجية المضمّنة. (1385374)
  • إعداد جديد باسم وحدة التحكّم يتيح لك توسيع رسائل console.trace() أو تصغيرها تلقائيًا. يمكنك تبديل الإعدادات من خلال الإعدادات > الإعدادات المفضّلة > توسيع رسائل console.trace() تلقائيًا. (1139616)
  • تتيح لوحة المقتطفات في لوحة المصادر ميزة الإكمال التلقائي المحسّن، على غرار وحدة التحكّم. (772949) الإكمال التلقائي في "المقتطفات"

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

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

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

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

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

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