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

Jecelyn Yeen

استخدام "أدوات المطوّرين" بلغتك المفضّلة

تتوفّر الآن أكثر من 80 لغة في Chrome DevTools، ما يتيح لك العمل بلغتك المفضّلة.

افتح الإعدادات، ثم اختَر لغتك المفضّلة من القائمة المنسدلة الإعدادات المفضّلة > اللغة وأعِد تحميل "أدوات المطوّر".

Preferences" width="800" height="494">

مشكلة Chromium: 1163928

أجهزة Nest Hub الجديدة في قائمة الأجهزة

يمكنك الآن محاكاة أبعاد جهازَي Nest Hub وNest Hub Max في وضع الجهاز.

انقر على تبديل شريط أدوات الجهاز   تبديل شريط أدوات الجهاز  ، واختَر Nest Hub أو Nest Hub Max ضمن قائمة الأجهزة.

جهاز Nest Hub في وضع "الجهاز"

مشكلة Chromium: 1223525

تجارب المصدر في عرض "تفاصيل الإطار"

يمكنك الآن الحصول على معلومات عن تجارب المصدر لموقع إلكتروني في عرض تفاصيل الإطار ضمن لوحة "التطبيق".

تتيح لك مراحل التجربة والتقييم استخدام ميزة جديدة أو تجريبية، وذلك لإنشاء وظائف يمكن للمستخدمين تجربتها لفترة محدودة قبل إتاحتها للجميع.

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

تجارب المصدر في عرض "تفاصيل الإطار"

مشكلة Chromium: 607555

شارة طلبات البحث الجديدة لحاويات CSS

تتم إضافة شارة حاوية جديدة بجانب عناصر الحاوية (العناصر الأصل التي تتطابق مع معايير قواعد at-rules الخاصة بـ @container). انقر على الشارة لتبديل عرض تراكب للحاوية التي تم اختيارها وجميع العناصر الفرعية التي تطلب بياناتها على الصفحة.

شارة طلبات البحث عن حاويات CSS

مشكلة Chromium: 1146422

خانة اختيار جديدة لتبديل فلاتر الشبكات

استخدِم مربّع الاختيار عكس الجديد لعكس الفلاتر في لوحة "الشبكة".

على سبيل المثال، يمكنك كتابة "رمز الحالة: 404" لفلترة طلبات الشبكة التي تحمل الحالة 404. فعِّل مربّع الاختيار عكس لإلغاء الفلتر (عرض جميع طلبات الشبكة التي لا تحمل الحالة 404).

عكس فلاتر الشبكة

مشكلة Chromium: 1054464

الإيقاف النهائي المرتقب للشريط الجانبي في وحدة التحكّم

ستتم إزالة الشريط الجانبي في وحدة التحكّم لنقل واجهة مستخدم الفلتر إلى شريط الأدوات. هل لديك أي استفسارات أو ملاحظات؟ يُرجى إعلامنا من خلال أداة تتبُّع المشاكل هذه.

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

مشكلة Chromium: 1232937

عرض عناوين Set-Cookie الأوامر البرمجية الأوّلية في علامة التبويب "المشاكل" ولوحة "الشبكة"

تعرض "أدوات المطوّر" الآن عناوين Set-Cookie الأوامر البرمجية الأوّلية في علامة التبويب المشاكل.

في السابق، لم تعرض أدوات مطوّري البرامج ملفات تعريف الارتباط ذات التنسيق غير الصحيح (عنوان Set-Cookie غير صحيح) في لوحة "الشبكة". باستخدام فلتر response-header-set-cookie الجديد الذي تمت إضافته في لوحة الشبكة، يمكن للمستخدمين فلترة استجابة عنوان Set-Cookie الأوّلي. ستربط "أدوات مطوّري البرامج في Chrome" عناوين Set-Cookie الأوّلية في علامة التبويب المشاكل بلوحة الشبكة.

عناوين Set-Cookie الأوّلية في علامة التبويب "المشاكل" ولوحة "الشبكة"

مشكلة Chromium: 1179186

عرض عناصر الوصول الأصلية بشكلٍ متّسق كخصائص خاصة في "وحدة التحكّم"

تعرض وحدة التحكّم الآن عناصر الوصول الأصلية كخصائص خاصة بها بشكلٍ متسق.

على سبيل المثال، عند تقييم تعبير new Int8Array([1, 2, 3]) في وحدة التحكّم، لم يتم عرض عناصر الوصول الأصلية مثل length وbyteOffset في المعاينة. من خلال هذا التعديل الأخير، يتم عرض عناصر الوصول الأصلية في المعاينة ويتم تقييم القيم على الفور عند توسيعها.

عرض عناصر الوصول الأصلية بشكلٍ متّسق كخصائص خاصة في "وحدة التحكّم"

مشاكل Chromium: 1076820، ​​1199247

تتبُّعات بنية تخزين العناصر المناسبة للأخطاء في النصوص البرمجية المضمّنة التي تحتوي على #sourceURL

تعمل "أدوات مطوّري البرامج" الآن على تحليل النصوص البرمجية المضمّنة باستخدام #sourceURL بشكل صحيح وتعرض قوائم تتبُّع تسلسل استدعاء الدوال البرمجية المناسبة لأغراض تصحيح الأخطاء.

في السابق، كانت أدوات مطوّري البرامج تعرِض موقعًا غير صحيح للنصوص البرمجية المضمّنة التي تحتوي على #sourceURL، وذلك بالنسبة إلى المستند المحيط بها بدلاً من العلامة <script> الافتتاحية.

تتبُّعات بنية تخزين العناصر المناسبة للأخطاء في النصوص البرمجية المضمّنة التي تحتوي على #sourceURL

مشاكل Chromium: 1183990، ​​578269

تغيير تنسيق الألوان في لوحة "البيانات المحسوبة"

يمكنك الآن تغيير تنسيق اللون لأي عنصر في اللوحة "محسوبة" عن طريق الضغط على Shift + النقر على معاينة اللون.

الضغط على Shift مع النقر على معاينة اللون لتغيير تنسيق اللون

مشكلة Chromium: 1226371

استبدال نصائح التلميح المخصّصة بنصائح التلميح الأصلية بتنسيق HTML

تتّبع أدوات المطوّرين الآن نصائح HTML الأصلية في جميع المكوّنات. كانت "أدوات مطوّري البرامج" تستخدم نصائح مخصّصة منذ فترة طويلة بسبب عدم توفّر نمط نصيحة HTML أصلية.

إنّ الحفاظ على تنفيذ نصائح توضيحية مخصّصة أمر معقّد، ونواجه بانتظام أخطاء معقّدة.

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

تلميح أدوات مطوري البرامج

مشكلة Chromium: 1223391

[ميزة تجريبية] إخفاء المشاكل في علامة التبويب "المشاكل"

فعِّل تجربة إخفاء قائمة المشاكل لإخفاء المشاكل في علامة التبويب المشاكل. بهذه الطريقة، يمكنك التركيز على المشكلات المهمة التي تهمّك.

في علامة التبويب المشكلة، مرِّر مؤشر الماوس فوق مشكلة، ثم انقر على قائمة المشاكل   المزيد   على يسار الصفحة، واختَر إخفاء المشاكل المشابهة لإخفائها.

قائمة السياق التجريبية لإخفاء المشكلة

مشكلة Chromium: 1175722

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

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

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

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

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

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