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

Jecelyn Yeen

الحد من طلبات WebSocket

تتيح لوحة الشبكة الآن الحدّ من عدد طلبات مآخذ شبكة الويب. في السابق، لم يكن الحدّ من سرعة الشبكة يعمل على طلبات مآخذ شبكة الويب.

افتح لوحة الشبكة، وانقر على طلب مقبّل من مقبس شبكة الويب، ثم افتح علامة التبويب الرسائل لمشاهدة عمليات نقل الرسائل. اختَر شبكة الجيل الثالث البطيئة لتقليل السرعة.

الحدّ من طلبات WebSocket

مشكلة Chromium: 423246

لوحة Reporting API الجديدة في لوحة "التطبيق"

استخدِم لوحة Reporting API الجديدة لمراقبة التقارير التي يتم إنشاؤها على صفحتك وحالتها.

تم تصميم Reporting API لمساعدتك في رصد انتهاكات الأمان في صفحتك وطلبات البيانات من واجهة برمجة التطبيقات التي سيتم إيقافها نهائيًا وغير ذلك.

افتح صفحة تستخدم Reporting API (مثل الصفحة التجريبية). في لوحة التطبيق، انتقِل للأسفل إلى قسم الخدمات التي تعمل في الخلفية واختَر لوحة Reporting API.

يعرض لك قسم التقارير قائمة بالتقارير التي تم إنشاؤها على صفحتك وحالتها. انقر عليه للاطّلاع على تفاصيل التقرير.

يمنحك قسم نقاط النهاية نظرة عامة على جميع نقاط النهاية التي تم ضبطها في عنوان Reporting-Endpoints.

لوحة Reporting API

مشكلة Chromium: 1205856

يُرجى الانتظار إلى أن يصبح العنصر مرئيًا أو قابلاً للنقر في لوحة "المسجِّل".

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

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

مشكلة Chromium: 1257499

تحسين تنسيق وحدة التحكّم والفلترة وتصميمها

تنسيق رسائل السجلّ بشكل صحيح باستخدام رمز الهروب ANSI

يمكنك الآن استخدام تسلسلات الهروب ANSI لتنسيق رسائل وحدة التحكّم بشكلٍ صحيح. في السابق، كانت وحدة تحكّم أدوات مطوّري البرامج تتيح استخدام تسلسلات الهروب ANSI بشكل محدود جدًا (وغير متاحة جزئيًا).

من الشائع أن يلوّن مطوّرو Node.js رسائل السجلّ من خلال تسلسلات الهروب ANSI، وغالبًا ما يكون ذلك بمساعدة بعض مكتبات الأنماط، مثل chalk وcolors وansi-colors وkleur وما إلى ذلك.

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

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

تصميم وحدة التحكّم

مشاكل Chromium: 1282837 و1282076

أن تكون متوافقة بشكل صحيح مع محدّدات التنسيق %s و%d و%i و%f

تُجري Console الآن الإحالات الناجحة من النوع %s و%d و%i و%f بشكلٍ صحيح كما هو محدّد في معيار Console. في السابق، كانت نتيجة المحادثة غير متّسقة.

السماح بمُحدّدات التنسيق في رسالة وحدة التحكّم

مشاكل Chromium: 1277944 و1282076

فلتر أكثر سهولة لمجموعة وحدة التحكّم

عند فلترة رسالة وحدة التحكّم، يتم الآن عرض رسالة وحدة التحكّم إذا كان محتوى الرسالة يتطابق مع الفلتر أو كان عنوان المجموعة (أو المجموعة الأصل) يتطابق مع الفلتر. في السابق، كان عنوان مجموعة وحدة التحكّم يظهر على الرغم من الفلتر.

بالإضافة إلى ذلك، إذا تم عرض رسالة وحدة تحكّم، يتم الآن عرض المجموعة (أو المجموعة الأصل) التي تنتمي إليها أيضًا.

فلتر مجموعة وحدة التحكّم

مشكلة Chromium: 1068788

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

تصحيح أخطاء إضافة Chrome باستخدام ملفات خريطة المصدر

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

تصحيح أخطاء إضافة Chrome باستخدام ملفات خريطة المصدر

مشكلة Chromium: 212374

شجرة مجلد المصدر المحسّنة في لوحة "المصادر"

تم تحسين شجرة المجلد المصدر في لوحة المصادر الآن مع تقليل الازدحام في بنية المجلدات وتسميتها (مثل "‎../" و"‎./" وما إلى ذلك). في الواقع، هذه هي نتيجة توحيد عناوين URL المطلقة للمصادر في خرائط المصادر.

شجرة مجلد المصدر المحسّنة في لوحة "المصادر"

مشكلة Chromium: 1284737

عرض ملفات مصدر العامل في لوحة "المصادر"

يتم الآن عرض ملفات مصدر Worker (مثل web worker وservice worker) التي تحتوي على SourceURL نسبي في لوحة المصدر. في السابق، لم يتم التعامل مع ملفات مصدر مشغّل الخدمة بشكلٍ صحيح.

ALT_TEXT_HERE

مشكلة Chromium: 1277002

تحديثات "المظهر الداكن التلقائي" في Chrome

تم تبسيط واجهة مستخدم محاكاة المظهر الداكن التلقائي. وهو الآن مربّع اختيار، وكان في السابق قائمة منسدلة.

بالإضافة إلى ذلك، عند تفعيل المظهر الداكن التلقائي، سيتم إيقاف القائمة المنسدلة محاكاة prefers-color-scheme وضبطها على prefers-color-scheme: dark تلقائيًا.

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

محاكاة "الوضع الداكن التلقائي"

مشكلة Chromium: 1243309

علبة ألوان مناسبة للاستخدام باللمس وقسم مُقسَّم

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

في ما يلي مثال تم التقاطه باستخدام شاشة لمس جهاز Google Pixelbook.

مشاكل Chromium: 1284245 و1284995

لحظات مميّزة متنوعة

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

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

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

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

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

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

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