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

Kayce Basques
Kayce Basques
X GitHub

إتاحة إعادة تعريف let وclass في "وحدة التحكّم"

تتيح "وحدة التحكّم" الآن إعادة تعريف عبارات let وclass. كانت عدم القدرة على إعادة التعريف مشكلة شائعة يواجهها مطوّرو الويب الذين يستخدمون "وحدة التحكّم" لتجربة رموز JavaScript جديدة.

على سبيل المثال، في السابق، عند إعادة تعريف متغيّر محلي باستخدام let، كانت "وحدة التحكّم" تعرض رسالة خطأ:

لقطة شاشة من "وحدة التحكّم" في الإصدار 78 من Chrome توضّح تعذُّر إعادة تعريف let.

تسمح أداة SDK Console الآن بإعادة التعريف:

لقطة شاشة لوحدة التحكّم في Chrome 80 توضّح أنّ إعادة تعريف let تنجح.

المشكلة 1004193 في Chromium

تحسين تصحيح أخطاء WebAssembly

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

لقطة شاشة لتصحيح أخطاء WebAssembly الجديد المستند إلى DWARF

تعديلات على "لوحة الشبكة"

سلاسل بادئ تشغيل الطلب في علامة التبويب "بادئ التشغيل"

يمكنك الآن عرض الجهات التي بدأت طلب الشبكة والتبعيات كقائمة متداخلة. يمكن أن يساعدك ذلك في فهم سبب طلب مورد معيّن، أو النشاط الذي تسبّب فيه مورد معيّن (مثل نص برمجي) على الشبكة.

لقطة شاشة لسلسلة بادئ تشغيل الطلب في علامة التبويب "بادئ التشغيل"

بعد تسجيل نشاط الشبكة في لوحة "الشبكة"، انقر على أحد الموارد ثم انتقِل إلى علامة التبويب المصدر لعرض سلسلة مصدر الطلب:

  • يكون المورد الذي تم فحصه بخط غليظ. في لقطة الشاشة أعلاه، https://web.dev/default-627898b5.js هو المرجع الذي تم فحصه.
  • الموارد التي تظهر فوق المورد الذي تم فحصه هي المبادِرات. في لقطة الشاشة أعلاه، https://web.dev/bootstrap.js هو الجهة التي بدأت https://web.dev/default-627898b5.js. بعبارة أخرى، تسبّب https://web.dev/bootstrap.js في إرسال طلب الشبكة إلى https://web.dev/default-627898b5.js.
  • الموارد التي تظهر أسفل المورد الذي تم فحصه هي التبعيات. في لقطة الشاشة أعلاه، https://web.dev/chunk-f34f99f7.js هي إحدى التبعيات الخاصة بـ https://web.dev/default-627898b5.js. بعبارة أخرى، تسبّب https://web.dev/default-627898b5.js في طلب الشبكة لـ https://web.dev/chunk-f34f99f7.js.

المشكلة #842488 في Chromium

تمييز طلب الشبكة المحدّد في "نظرة عامة"

بعد النقر على أحد موارد الشبكة لفحصه، تضع لوحة "الشبكة" الآن حدًا أزرق حول هذا المورد في النظرة العامة. يمكن أن يساعدك ذلك في رصد ما إذا كان طلب الشبكة يحدث في وقت أبكر أو أبعد من المتوقع.

لقطة شاشة للوحة "نظرة عامة" تبرز المورد الذي تم فحصه

مشكلة Chromium #988253

أعمدة عنوان URL والمسار في "لوحة الشبكة"

استخدِم عمودَي المسار وعنوان URL الجديدَين في لوحة الشبكة للاطّلاع على المسار المطلق أو عنوان URL الكامل لكل مصدر من مصادر الشبكة.

لقطة شاشة لعمودَي "المسار" و"عنوان URL" الجديدَين في "لوحة الشبكة"

انقر بزر الماوس الأيمن على عنوان جدول العرض الإعلاني غير المنقطع واختَر المسار أو عنوان URL لعرض الأعمدة الجديدة.

المشكلة #993366 في Chromium

سلاسل وكيل المستخدم المعدَّلة

تتيح "أدوات مطوّري البرامج" ضبط سلسلة وكيل مستخدم مخصّصة من خلال علامة التبويب حالات الشبكة. تؤثّر سلسلة User-Agent في عنوان HTTP ‏User-Agent المرفق بموارد الشبكة، كما تؤثّر في قيمة navigator.userAgent.

تم تعديل سلاسل User-Agent المحدّدة مسبقًا لتعكس إصدارات المتصفّحات الحديثة.

لقطة شاشة لقائمة "وكيل المستخدم" في علامة التبويب "ظروف الشبكة"

للوصول إلى ظروف الشبكة، افتح "قائمة الأوامر" وشغِّل الأمر Show Network Conditions.

المشكلة 1029031 في Chromium

تعديلات على لوحة "عمليات التدقيق"

واجهة مستخدم الإعدادات الجديدة

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

واجهة مستخدم الإعدادات الجديدة

تعديلات على علامة التبويب "التغطية"

أوضاع التغطية لكل وظيفة أو لكل كتلة

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

القائمة المنسدلة لوضع التغطية

يجب الآن بدء التغطية من خلال إعادة تحميل الصفحة

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

المشكلة #1004203 في Chromium

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

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

التواصل مع فريق Chrome DevTools

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

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

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