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

Jecelyn Yeen

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

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

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

مشاكل Chromium: 1101268 و1382044

تحديثات "المسجّلة الذكية"

عرض رمز مسار المستخدِم وتمييز هذا الرمز في "المسجِّل"

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

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

مشكلة Chromium: 1385489

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

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

مشكلة Chromium: 1384431

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

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

مشكلة Chromium: 1381971

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• تُبرز وحدة التحكّم الخيار المحدّد أثناء التنقّل في قائمة الاقتراحات باستخدام اختصارَي 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)

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

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

التواصل مع فريق "أدوات مطوّري البرامج في Chrome"

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

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

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

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