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

Kayce Basques

إتاحة إعادة تقديم بيانَي let وclass في وحدة التحكّم

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

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

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

تسمح وحدة التحكّم الآن بإعادة البيان:

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

مشكلة Chromium ‎#1004193

ميزة تصحيح أخطاء WebAssembly المحسّنة

بدأت أدوات المطوّرين في توفير DWARF Debugging Standard، ما يعني توفُّر دعم إضافي لتخطّي الرموز البرمجية وضبط نقاط التوقف وحلّ عمليات تتبُّع تسلسل استدعاء الدوال البرمجية بلغات المصدر ضمن أدوات المطوّرين. اطّلِع على تحسين تصحيح أخطاء 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.

مشكلة Chromium ‎#842488

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

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

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

مشكلة Chromium ‎#988253

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

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

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

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

مشكلة Chromium ‎#993366

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

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

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

لقطة شاشة لقائمة User Agent (وكيل المستخدم) في علامة التبويب Network Conditions (شروط الشبكة)

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

مشكلة Chromium ‎#1029031

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

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

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

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

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

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

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

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

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

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

مشكلة Chromium ‎#1004203

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

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

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

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

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

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