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

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

خيارات نسخ جديدة في لوحة "المسجّلة الذكية"

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

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

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

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

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

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

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

عرض مقارنة بين الأداء قبل وبعد عرض أسماء الدوالّ في لوحة "الأداء"

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

عرض الملفات قبل تصغيرها وبعدها

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

بعد إجراء أحدث التغييرات، أصبحت أدوات مطوري البرامج تقرأ خريطة المصدر وتعرض أسماء الدوالّ الفعلية وموقع المصدر.

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

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

لحظات مميّزة متنوعة

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

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

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

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

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

في ما يلي بعض النقاط البارزة:

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

يمكنك الاطّلاع على التغييرات الكاملة في طلب الحصول على الملاحظات والآراء (مغلق) وترك ملاحظاتك هنا.

عرض لوحة نقاط التوقف قبل إعادة التصميم وبعده

مشاكل Chromium: 1346231 و1324904

[ميزة تجريبية] تنسيق محسّن تلقائي في الموضع نفسه

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

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

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

مشكلة Chromium: 1164184

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

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

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

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

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

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