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

Jecelyn Yeen

تقييد طلبات WebSocket

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

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

تقييد طلبات WebSocket

مشكلة في Chromium: 423246

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

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

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

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

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

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

لوحة Reporting API

مشكلة في Chromium: 1205856

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

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

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

مشكلة في Chromium: 1257499

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

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

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

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

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

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

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

مشاكل Chromium: 1282837 و1282076

توفير الدعم المناسب لمحدّدات التنسيق %s و%d و%i و%f

تُجري وحدة التحكّم الآن عمليات تحويل الأنواع %s و%d و%i و%f على النحو المحدّد في معيار وحدة التحكّم. في السابق، كانت نتيجة المحادثة غير متسقة.

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

مشاكل Chromium: 1277944 و1282076

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

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

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

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

مشكلة في Chromium: 1068788

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

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

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

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

مشكلة في Chromium: 212374

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

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

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

مشكلة في Chromium: 1284737

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

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

ALT_TEXT_HERE

مشكلة في Chromium: 1277002

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

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

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

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

محاكاة "المظهر الداكن التلقائي"

مشكلة في Chromium: 1243309

أداة اختيار الألوان ولوحة التقسيم المتوافقة مع الأجهزة التي تعمل باللمس

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

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

مشاكل Chromium: 1284245 و1284995

لمحات متنوّعة

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

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

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

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

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

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

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