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

Jecelyn Yeen

تقييد طلبات WebSocket

تتيح لوحة الشبكة الآن إمكانية تقييد طلبات مقبس الويب. في السابق، لم يكن تقييد سرعة الشبكة يعمل مع طلبات 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 بسلاسة باستخدام "أدوات مطوّري البرامج في Chrome"، مع عرض رسائل وحدة التحكّم الملوّنة بشكل صحيح. يمكنك فتح هذا العرض التوضيحي للاطّلاع عليه بنفسك.

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

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

مشاكل Chromium: 1282837 و1282076

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

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

support format specifiers in console messege

مشاكل 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 أو Dev أو Beta كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.

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

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

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

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