الميزات الجديدة في أدوات مطوّري البرامج (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، وغالبًا ما يكون ذلك بمساعدة بعض مكتبات الأنماط مثل الطباشير والألوان والألوان الزهرية وkleur وما إلى ذلك.

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

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

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

مشاكل Chromium: 1282837 و1282076

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

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

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

مشاكل Chromium: 1277944 و1282076

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

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

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

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

مشكلة Chromium: 1068788

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

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

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

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

مشكلة Chromium: 212374

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

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

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

مشكلة Chromium: 1284737

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

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

ALT_TEXT_HERE

مشكلة Chromium: 1277002

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

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

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

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

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

مشكلة Chromium: 1243309

منتقي الألوان سهل اللمس وجزء مقسَّم

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

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

مشاكل Chromium: 1284245 و1284995

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

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

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

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

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

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

  • يمكنك إرسال اقتراح أو ملاحظات إلينا عبر crbug.com.
  • الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام خيارات إضافية   المزيد > مساعدة > الإبلاغ عن مشاكل في "أدوات مطوري البرامج" في "أدوات مطوري البرامج"
  • يمكنك نشر تغريدة على @ChromeDevTools.
  • شارِك في التعليقات على الميزات الجديدة في فيديوهات YouTube أو نصائح حول أدوات مطوّري البرامج فيديوهات YouTube.

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

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