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

Jecelyn Yeen

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

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

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

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

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

راجِع المستندات لمزيد من المعلومات عن أوجه الاختلاف بين هذه الخيارات.

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

مشكلة Chromium: 1257499

عرض طبقات الشلال في جزء "Styles" (الأنماط)

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

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

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

عرض طبقات الشلال في جزء "Styles" (الأنماط)

مشكلة Chromium: 1240596

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

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

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

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

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

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

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

الممتلكات الخاصة في Console

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

ميزات متنوعة

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

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

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

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

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

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

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

مشكلة Chromium: 772558

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

يمكنك استخدام إصدار 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