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

Jecelyn Yeen

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

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

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

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

تتم إضافة شارة حاوية جديدة بجانب عناصر الحاوية (العناصر الأصلية التي تستوفي معايير قواعد @container). انقر على الشارة لتبديل عرض تراكب الحاوية المحدّدة وجميع العناصر التابعة لها التي يتم طلب البحث عنها في الصفحة.

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

مشكلة في Chromium: 1146422

مربّع اختيار جديد لعكس فلاتر الشبكة

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

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

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

مشكلة في Chromium: 1054464

الإيقاف النهائي المرتقب للشريط الجانبي في Console

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

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

مشكلة في Chromium: 1232937

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

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

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

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

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

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

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

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

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