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

تمييز البنية في Vue.

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

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

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

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

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

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

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

  • يتم استخدام 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) الإكمال التلقائي في المقتطفات.

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من متصفِّح Chrome

الإصدار 118 من متصفّح Chrome

الإصدار 117 من Chrome

الإصدار 116 من متصفّح Chrome

الإصدار 115 من متصفّح Chrome

الإصدار 114 من متصفّح Chrome

الإصدار 113 من متصفّح Chrome

الإصدار 112 من Chrome

الإصدار 111 من متصفّح Chrome

الإصدار 110 من متصفّح Chrome

الإصدار 109 من متصفِّح Chrome

الإصدار 108 من متصفِّح Chrome

107 Chrome

الإصدار 106 من متصفّح Chrome

105 Chrome

الإصدار 104 من متصفِّح Chrome

الإصدار 103 من متصفّح Chrome

الإصدار 102 من متصفّح Chrome

الإصدار 101 من متصفّح Chrome

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 82 من Chrome

تم إلغاء إصدار 82 من Chrome.

إصدار 81 من Chrome

80 Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome