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

Jecelyn Yeen

إعادة تشغيل الإطار أثناء تصحيح الأخطاء

عادت ميزة إعادة تشغيل الإطار. يمكنك إعادة تشغيل الرمز السابق عند الإيقاف المؤقت في مكان ما في إحدى الدوال. في السابق، كانت هذه الميزة متوقفة نهائيًا وتمّت إزالتها في الإصدار 92 من متصفِّح Chrome بسبب مشاكل في الثبات.

في هذا المثال، توقّف برنامج تصحيح الأخطاء مبدئيًا عند نقطة الإيقاف (الخط 343) بالقرب من نهاية الدالة toggleColorScheme. لإعادة تشغيل عملية تصحيح الأخطاء من بداية دالة toggleColorScheme، وسِّع قسم حزمة المكالمات في لوحة برنامج تصحيح الأخطاء، وانقر بزر الماوس الأيمن على toggleColorScheme واختَر إعادة تشغيل الإطار.

إعادة تشغيل الإطار أثناء تصحيح الأخطاء

مشكلة Chromium: 1303521

خيارات إعادة التشغيل البطيء في لوحة "المسجّلة الذكية"

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

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

خيارات إعادة التشغيل البطيء في لوحة "المسجّلة الذكية"

مشكلة Chromium: 1306756

إنشاء إضافة للوحة "المسجّلة الذكية"

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

لتثبيت إضافة تجريبية، اتّبِع هذه الخطوات الموضّحة في الوثائق.

إضافة مخصَّصة للوحة "المسجّلة الذكية"

مشكلة Chromium: 1325751

تجميع الملفات حسب المؤلّف / المنشور في لوحة "المصادر"

يمكنك تفعيل الخيار الجديد تجميع الملفات حسب المؤلّف / المنشور لتنظيم ملفاتك في لوحة "المصادر". عند تطوير تطبيقات الويب باستخدام أطر العمل (مثل React وAngular)، قد يكون من الصعب التنقّل في ملفات المصدر بسبب الملفات التي تم تصغيرها والتي تم إنشاؤها بواسطة أدوات التصميم (مثل Webpack وVite).

باستخدام مربّع الاختيار هذا، يمكنك تجميع الملفات في فئتَين للبحث عن الملفات بشكل أسرع:

  • مؤلِّف: تشبه ملفات المصدر التي تعرضها في بيئة التطوير المتكاملة (IDE). تُنشئ "أدوات مطوري البرامج" هذه الملفات استنادًا إلى خرائط المصدر (التي توفّرها أدوات التصميم).
  • تم نشرها. تمثّل هذه السمة الملفات الفعلية التي يقرأها المتصفّح. وعادة ما يتم تصغير هذه الملفات.

جرِّب ذلك بنفسك باستخدام هذا العرض التوضيحي للتفاعل.

تجميع الملفات حسب المؤلّف / المنشور في لوحة "المصادر"

مشكلة Chromium: 960909

تتبُّع أوقات المستخدم الجديدة في لوحة "إحصاءات الأداء"

يمكنك إنشاء عرض مرئي لعلامات performance.measure() في تسجيلك باستخدام مسار أوقات المستخدم الجديد في لوحة إحصاءات الأداء.

على سبيل المثال، تستخدم صفحة الويب هذه طريقة performance.measure() لاحتساب الوقت المنقضي لتحميل النص.

عند بدء قياس تحميل الصفحة، يظهر مسار توقيتات المستخدم في التسجيل. انقر على عنصر التوقيتات لعرض تفاصيله في اللوحة الجانبية.

يتم تتبُّع أوقات المستخدم في لوحة "إحصاءات الأداء"

مشكلة Chromium: 1322808

عرض الفتحة المخصّصة لعنصر

تظهر شارة slot الجديدة على العناصر المثقوبة في لوحة العناصر. عند تصحيح مشاكل التنسيق، استخدِم هذه الميزة لتحديد العنصر الذي يؤثر في تنسيق العقدة بشكلٍ أسرع.

يحتوي هذا المثال على بطاقات لها بعض الخانات المسماة. افحص خانة person-occupation في البطاقة وانقر على شارة slot بجانبها للكشف عن الخانة المخصّصة لها

اطّلِع على كيفية استخدام العنصرَين <template> و<slot> لإنشاء نموذج مرن يمكن استخدامه بعد ذلك لتعبئة shadow DOM لمكوِّن ويب.

عرض الفتحة المخصّصة لعنصر

مشكلة Chromium: 1018906

محاكاة تزامن الأجهزة لتسجيلات الأداء

يتيح الإعداد الجديد تزامن الجهاز في لوحة الأداء لمطوّري البرامج ضبط القيمة التي تم الإبلاغ عنها من خلال navigator.hardwareConcurrency.

تستخدم بعض التطبيقات navigator.hardwareConcurrency للتحكّم في درجة التوازي في تطبيقها، للتحكّم في حجم مجموعة سلاسل خيط Emscripten مثلاً. باستخدام هذه الميزة، يمكن للمطوّرين اختبار أداء تطبيقاتهم بأعداد أساسية مختلفة.

محاكاة تزامن الأجهزة لتسجيلات الأداء

مشكلة Chromium: 1297439

معاينة القيمة غير الملونة عند الإكمال التلقائي لمتغيرات CSS

عند إكمال متغيّرات CSS تلقائيًا، ستعمل أدوات مطوّري البرامج الآن على تعبئة المتغيّر غير اللوني بقيمة مفيدة لتتمكن من معاينة نوع التغيير الذي سيطرأ على القيمة في العقدة.

معاينة القيمة غير الملونة عند الإكمال التلقائي لمتغيرات CSS

مشكلة Chromium: 1285091

تحديد إطارات الحظر في جزء ميزة "التخزين المؤقت للصفحات"

يحتوي جزء التخزين المؤقت للصفحات في لوحة التطبيق على قسم الإطارات الجديد لمساعدتك في تحديد حظر الإطارات التي قد تمنع الصفحة من أن تكون مؤهَّلة لاستخدام ميزة "التخزين المؤقت للصفحات".

تحديد إطارات الحظر في جزء ميزة &quot;التخزين المؤقت للصفحات&quot;

مشكلة Chromium: 1288158

تحسين اقتراحات الإكمال التلقائي لكائنات JavaScript

يتم الآن عرض الإكمال التلقائي لخصائص عنصر JavaScript بناءً على الترتيب التالي:

  1. امتلاك خصائص قابلة للتعداد
  2. امتلاك مواقع غير قابلة للعد
  3. خصائص التعداد المكتسبة
  4. السمات المكتسَبة التي لا يمكن تعدادها

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

تحسين اقتراحات الإكمال التلقائي لكائنات JavaScript

مشكلة Chromium: 1299241

تحسينات خرائط المصادر

في ما يلي بعض الإصلاحات على خرائط المصدر لتحسين تجربة تصحيح الأخطاء بشكل عام:

  • أصبحت نقاط الإيقاف متوافقة الآن مع <script> مضمَّنة مع التعليقات التوضيحية لعنوان URL المصدر.
  • يعمل برنامج تصحيح الأخطاء الآن على حلّ المتغيّرات على مستوى مجموعة محدّدة في عرض النطاق باستخدام خرائط المصدر. حلّ المتغيّرات على مستوى مجموعة الإعلانات
  • يحل برنامج تصحيح الأخطاء الآن المتغيرات في الدوال السهمية في عرض النطاق باستخدام خرائط المصدر. حل المتغيرات في الدوال السهمية

مشاكل Chromium: 1329113، 1322115

ميزات متنوعة

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

  • تم إصلاح إعداد الإكمال التلقائي للوحة المصادر. في السابق، كان الإكمال التلقائي مفعَّلاً دائمًا حتى مع إيقاف الإعداد. (1323286)
  • تم تحديث علامة التبويب البيان في لوحة التطبيق لتحليل أحدث تنسيق لنظام الألوان. (1318305)
  • تم تحسين الاقتراحات لمشاكل حظر عرض <script async> في لوحة إحصاءات الأداء. في السابق، كانت "أدوات مطوري البرامج" مقترَحة على add async attribute to the script tag على الرغم من أنّ النص البرمجي سبق أن تم وضع علامة عليه على أنّه غير متزامن. (1334096)
  • ترصد لوحة إحصاءات الأداء الآن إطارات iframe على أنّها أسباب محتمَلة لمتغيّرات التصميم. يمكنك عرض تفاصيل إطار iframe في جزء التفاصيل. (1328873)
  • عند فتح ملف في قائمة الأوامر، يصبح ترتيب الملفات التي تم تأليفها (الملفات التي تم إنشاؤها بواسطة خرائط المصدر) في ترتيب أعلى بحيث تظهر فوق النصوص البرمجية المنشورة التي تحمل أسماء مشابهة. (1312929)

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

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