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

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

تعمل "أدوات مطوّري Chrome" على تحسين تجربة الإكمال التلقائي من خلال تطبيق التغييرات التالية:

  • يتم دائمًا استخدام 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 أو قناة مطوّري البرامج أو القناة التجريبية كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.

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

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

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

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