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

Jecelyn Yeen

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

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

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

بخلاف ذلك، يمكنك النقر بزر الماوس الأيمن على خطوة ونسخها إلى الحافظة في لوحة *المسجّلة الذكية بدلاً من تصدير مسار المستخدم بالكامل. تعمل هذه الميزة مع الإضافات أيضًا. على سبيل المثال، جرِّب نسخ خطوة كنص برمجي لاختبار ساعة الليل. ومن خلال هذه الميزة، يمكنك بسهولة تعديل أي نص برمجي حالي.

في السابق، كان بإمكانك الوصول إلى قائمة الخطوات فقط من خلال زر النقاط الثلاث. يمكنك الآن النقر بزر الماوس الأيمن على أي مكان في الخطوة للوصول إلى القائمة.

مشاكل Chromium: 1322313 و1351649 و1322313 و1339767

عرض أسماء الوظائف الفعلية في تسجيلات الأداء

تعرض لوحة الأداء الآن أسماء الدوال الفعلية ومصادرها في عملية التتبُّع إذا كانت هناك خريطة مصادر.

في هذا المثال، يتم تصغير ملف المصدر أثناء الإنتاج. على سبيل المثال، تم تصغير الدالة sayHi لتصبح n، وتم تصغير الدالة takeABreak لتصبح o في هذا demo.

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

مع آخر التغييرات، تقرأ "أدوات مطوري البرامج" الآن خريطة المصدر وتعرض أسماء الدوال الفعلية وموقع المصدر.

مشاكل Chromium: 1364601 و1364601

اختصارات لوحة المفاتيح الجديدة في وحدة التحكّم لوحة المصادر

يمكنك التبديل بين علامات التبويب في لوحة المصادر باستخدام: في نظام التشغيل MacOS، Function + Command + السهم المتّجه للأعلى والسهم المتّجه للأسفل في نظامي التشغيل Windows وLinux، Control + Page up أو down

علاوةً على ذلك، يمكنك التنقّل في اقتراحات الإكمال التلقائي باستخدام Ctrl + N وCtrl + P على نظام التشغيل MacOS، مثل Emacs. على سبيل المثال، يمكنك كتابة window. في Console واستخدام هذه الاختصارات للتنقّل.

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

مشكلة Chromium: 1167965، 1172535، 1371585. 1369503

تحسين تصحيح أخطاء JavaScript

في ما يلي بعض التحسينات المتعلّقة بتصحيح أخطاء JavaScript في هذا الإصدار:

• new.target هي خاصية وصفية تتيح لك معرفة ما إذا تم استدعاء دالة أو دالة إنشاء باستخدام عامل التشغيل الجديد. يمكنك الآن تسجيل new.target في وحدة التحكّم للتحقّق من قيمته أثناء تصحيح الأخطاء. في السابق، كان يعرض أخطاء عند إدخال new.target.
• يتيح لك كائن WeakRef الاحتفاظ بمرجع ضعيف إلى كائن آخر، بدون منع هذا الكائن من جمع البيانات غير المرغوب فيها. تعرض "أدوات مطوّري البرامج" الآن معاينة مضمّنة للقيمة وتقيّم المرجع الضعيف مباشرةً في وحدة التحكّم أثناء تصحيح الأخطاء. في السابق، كان عليك استدعاء "deref" صراحةً لحل المشكلة.
• تم إصلاح معاينة مضمّنة للمتغيّر المظلل. في السابق، كانت قيمة العرض غير صحيحة.
• يمكنك إزالة تشويش أسماء المتغيّرات في الدالتَين Generator وasync في لوحة النطاق في لوحة المصادر.

مشاكل Chromium: 1267690 و1246863 1371322 و1311637

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

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

• يمكنك إضافة المزيد من التلميحات لسمات CSS غير النشطة في لوحة الأنماط، وهي تشمل الارتفاع والعرض المضمّنين وخصائص المرن والشبكة. (1373597 و1178508 و1178508 و1178508)
• تم إصلاح بناء الجملة. لم يكُن التطبيق يعمل بشكل صحيح منذ الترقية الأخيرة لمحرّر الرموز في "أدوات مطوري البرامج". (1290182)
• عليك تسجيل أحداث تغيير الإدخال بشكل صحيح بعد تفعيل حدث التمويه في المسجّلة الذكية. (1378488)
• يجب تعديل النص البرمجي لإعادة تشغيل Puppeteer عند التصدير لتحسين تجربة تصحيح الأخطاء في المسجّلة الذكية. (1351649)
• إتاحة التسجيل وإعادة التشغيل في المسجّلة الذكية لتصحيح الأخطاء عن بُعد. (1185727)
• تم إصلاح تحليل أسماء متغيّرات CSS الخاصة في var(). في السابق، لم تكن "أدوات مطوري البرامج" تتيح تحليل المتغيّرات باستخدام أحرف الإلغاء مثل var(--fo\ o). ، (1378992)

[ميزة تجريبية] تجربة مستخدم محسَّنة في إدارة نقاط الإيقاف

يوفّر جزء نقاط الإيقاف الحالي مساعدة مرئية بسيطة في الإشراف على جميع نقاط الإيقاف. علاوة على ذلك، يتم إخفاء الإجراءات المستخدمة بشكل متكرر خلف قائمة السياق.

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

وفي ما يلي بعض الميزات المهمة:

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

اقرأ التغييرات الكاملة في RFC (مغلق) واترك ملاحظاتك هنا.

مشاكل Chromium: 1346231 و1324904

[ميزة تجريبية] طباعة النصوص تلقائيًا في الموضع

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

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

مشكلة Chromium: 1164184

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

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

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

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

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

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

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