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

استيراد وتصدير تدفقات المستخدمين المسجَّلة كملف 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 في أداة اختيار الألوان.

دالة اللون 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.

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

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

وضع الفترة الزمنية ووضع اللقطة في لوحة Lighthouse

مشكلة Chromium: 772558

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

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

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

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

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

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 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

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

الإصدار 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

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome