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

Jecelyn Yeen

استيراد وتصدير تدفقات المستخدمين المسجَّلة كملف JSON

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

على سبيل المثال، نزِّل ملف JSON هذا. ويمكنك استيراده باستخدام زر الاستيراد وإعادة تشغيل مسار المستخدم.

بخلاف ذلك، يمكنك تصدير التسجيل أيضًا. بعد تسجيل تدفق المستخدم، انقر على زر التصدير. تتوفّر 3 خيارات للتصدير:

• تصدير كملف JSON نزِّل التسجيل كملف JSON.
• تصدير بتنسيق @puppeteer/replay Script نزِّل التسجيل كنص برمجي Puppeteer Replay.
• تصدير كنص برمجي لـ Puppeteer . نزِّل التسجيل كنص برمجي Puppeteer.

يمكنك الرجوع إلى المستندات للاطّلاع على مزيد من المعلومات حول الاختلافات بين هذَين الخيارَين.

مشكلة Chromium: 1257499

عرض طبقات التدريج في جزء "الأنماط"

تتيح طبقات التتابع تحكمًا أكثر وضوحًا في ملفات CSS لمنع التعارضات بشأن الأنماط. وهذا مفيد بشكل خاص لقواعد التعليمات البرمجية الكبيرة وأنظمة التصميم، وعند إدارة أنماط الجهات الخارجية في التطبيقات.

في هذا المثال، هناك 3 طبقات متتالية تم تحديدها: page وcomponent وbase. في لوحة الأنماط، يمكنك عرض كل طبقة وأنماطها.

انقر على اسم الطبقة لعرض ترتيب الطبقة. تتميز الطبقة page بأعلى دقة، وبالتالي تكون الخلفية box خضراء.

مشكلة Chromium: 1240596

دعم دالة اللون hwb()

يمكنك الآن عرض تنسيق ألوان HWB وتعديله في "أدوات مطوري البرامج".

في لوحة الأنماط، اضغط مع الاستمرار على مفتاح Shift وانقر على أي معاينة لون لتغيير تنسيق الألوان. تمت إضافة تنسيق ألوان HWB.

يمكنك بدلاً من ذلك تغيير تنسيق الألوان إلى HWB في أداة اختيار الألوان.

تم تحسين عرض المواقع الخاصة

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

مشاكل Chromium: 1296855 وhttps://crbug.com/1303407

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

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

• تعرِض الآن ميزة التخزين المؤقت للصفحات رقم تعريف الإضافة التي حظرت bfcache عند توفّرها.( 1284548)
• تم إصلاح دعم الإكمال التلقائي للكائنات المشابهة للمصفوفة، وأسماء فئات CSS، وmap.get وعلامات HTML. (1297101، 1297491، 1293807، 1296983)
• تم إصلاح عمليات التمييز غير الصحيحة عند النقر مرّتين على الكلمات والتراجع عن الإكمال التلقائي. (1298437، 1298667)
• تم إصلاح اختصار لوحة المفاتيح الخاص بالتعليقات في لوحة المصادر. (1296535)
• يمكنك إعادة تفعيل إتاحة استخدام مفتاح Alt (الخيارات) للاختيار المتعدد في لوحة المصادر. (1304070)

[ميزة تجريبية] فترة زمنية جديدة ووضع لقطة في لوحة Lighthouse

بالإضافة إلى وضع التنقل الحالي، توفّر لوحة Lighthouse الآن وضعَين إضافيَين لقياس تدفقات المستخدمين، وهما timespan وSnapshot.

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

ولكل وضع حالات استخدام ومزايا وقيود فريدة خاصة به. يُرجى الاطّلاع على مستندات Lighthouse للحصول على مزيد من المعلومات.

مشكلة Chromium: 772558

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

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

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

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

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

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

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