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

Jecelyn Yeen

ميزة مسبقة: لوحة "نظرة عامة حول CSS" الجديدة

استخدِم لوحة النظرة العامة على صفحات الأنماط المتتالية الجديدة لتحديد التحسينات المحتمَلة على "صفحات الأنماط المتتالية" في صفحتك. افتح لوحة نظرة عامة على CSS، ثم انقر على الحصول على نظرة عامة لإنشاء تقرير عن CSS في صفحتك.

يمكنك التوغّل أكثر في المعلومات. على سبيل المثال، انقر على لون في قسم الألوان لعرض قائمة بالعناصر التي تستخدم اللون نفسه. انقر على أحد العناصر لفتحه في لوحة العناصر.

لوحة نظرة عامة حول CSS هي ميزة مسبقة. لا يزال فريقنا يعمل على تطويرها، ونتطلّع إلى تلقّي ملاحظاتك لإجراء المزيد من التحسينات.

لمزيد من المعلومات حول لوحة نظرة عامة حول CSS، يمكنك الاطّلاع على هذه المقالة.

لوحة "نظرة عامة حول CSS"

مشكلة في Chromium: 1254557

استعادة تجربة تعديل ونسخ طول CSS وتحسينها

تمت استعادة تجربة نسخ CSS والتعديل كنص لسمات CSS التي تتضمّن طولاً. لا تعمل هذه التجارب في الإصدار الأخير.

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

يُرجى الإبلاغ عن أي مشاكل من خلال goo.gle/length-feedback.

يمكنك إيقافها من خلال مربّع الاختيار الإعدادات > التجارب > تفعيل أدوات إنشاء طول CSS في لوحة "الأنماط".

مشاكل Chromium: 1259088 و1172993

عرض التعديلات على علامات التبويب

محاكاة ميزة prefers-contrast لوسائط صفحات الأنماط المتتالية (CSS)

محاكاة ميزة prefers-contrast لوسائط صفحات الأنماط المتتالية (CSS)

تُستخدَم ميزة الوسائط prefers-contrast لرصد ما إذا كان المستخدم قد طلب زيادة التباين أو تقليله في الصفحة.

افتح قائمة الأوامر، وشغِّل الأمر عرض عملية العرض، ثم اضبط القائمة المنسدلة محاكاة ميزة prefers-contrast لوسائط صفحات الأنماط المتتالية (CSS).

مشكلة في Chromium: 1139777

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

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

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

افتح قائمة الأوامر، وشغِّل الأمر عرض عملية العرض، ثم اضبط القائمة المنسدلة محاكاة الوضع الداكن التلقائي.

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

مشكلة في Chromium: 1243309

نسخ التعريفات بتنسيق JavaScript في لوحة "الأنماط"

تمت إضافة خيارَين جديدَين في قائمة السياق لتتمكّن من نسخ قواعد CSS بسهولة كسمات JavaScript. تكون خيارات الاختصارات هذه مفيدة بشكل خاص للمطوّرين الذين يعملون مع مكتبات CSS-in-JS.

في لوحة الأنماط، انقر بزر الماوس الأيمن على قاعدة CSS. يمكنك اختيار نسخ التعريف بتنسيق JavaScript لنسخ قاعدة واحدة أو نسخ جميع التعريفات بتنسيق JavaScript لنسخ جميع القواعد.

على سبيل المثال، سيؤدي المثال أدناه إلى نسخ paddingLeft: '1.5rem' إلى الحافظة.

نسخ التعريف بتنسيق JavaScript

مشكلة في Chromium: 1253635

علامة التبويب "الحِمل" الجديدة في لوحة "الشبكة"

استخدِم علامة التبويب الجديدة الحِمل في لوحة الشبكة عند فحص طلب شبكة يتضمّن حِملًا. في السابق، كانت معلومات الحمولة متوفّرة ضمن علامة التبويب العناوين.

علامة التبويب "الحِمل" في لوحة "الشبكة"

مشكلة في Chromium: 1214030

تحسين عرض المواقع في جزء "المواقع"

لا تعرض لوحة السمات الآن سوى السمات ذات الصلة بدلاً من عرض جميع سمات العنصر. تمت الآن إزالة نماذج DOM الأولية وطرقها.

بالإضافة إلى التحسينات التي تم إجراؤها على لوحة الخصائص في الإصدار 95 من Chrome، يمكنك الآن تحديد موقع الخصائص ذات الصلة بسهولة أكبر.

عرض المواقع في لوحة "المواقع"

مشكلة في Chromium: 1226262

تحديثات Console

خيار إخفاء أخطاء CORS في "وحدة التحكّم"

يمكنك إخفاء أخطاء CORS في وحدة التحكّم. بما أنّه يتم الآن الإبلاغ عن أخطاء CORS في علامة التبويب "المشاكل"، يمكن أن يساعد إخفاء أخطاء CORS في وحدة التحكّم في تقليل التشويش.

في وحدة التحكّم، انقر على رمز الإعدادات وأزِل العلامة من مربّع الاختيار عرض أخطاء CORS في وحدة التحكّم.

خيار إخفاء أخطاء CORS في "وحدة التحكّم"

مشكلة في Chromium: 1251176

معاينة وتقييم عناصر Intl بشكل صحيح في "وحدة التحكّم"

تتضمّن عناصر Intl الآن معاينة مناسبة ويتم تقييمها بشكل نشط في "وحدة التحكّم". في السابق، لم يتم تقييم عناصر Intl على الفور.

عناصر Intl في "وحدة التحكّم"

مشكلة في Chromium: 1073804

عمليات تتبُّع تسلسل استدعاء الدوال البرمجية غير المتزامنة المتطابقة

تعرض "وحدة التحكّم" الآن async عمليات تتبُّع تسلسل استدعاء الدوال البرمجية async لتكون متوافقة مع المهام غير المتزامنة الأخرى، ومع ما يظهر في "تسلسل استدعاء الدوال البرمجية".

عمليات تتبُّع تسلسل استدعاء الدوال البرمجية غير المتزامنة

مشكلة في Chromium: 1254259

الاحتفاظ بالشريط الجانبي لوحدة التحكّم

سيبقى الشريط الجانبي لوحدة التحكّم متاحًا. في الإصدار 94 من Chrome، أعلنّا عن الإيقاف النهائي المرتقب للشريط الجانبي في "وحدة التحكّم" وطلبنا من المطوّرين إرسال ملاحظاتهم واستفساراتهم.

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

الشريط الجانبي لوحدة التحكّم

مشاكل Chromium: 1232937 و1255586

تم إيقاف جزء "ذاكرة التخزين المؤقت للتطبيق" في "لوحة التطبيق"

تمت الآن إزالة لوحة ذاكرة التخزين المؤقت للتطبيق في لوحة "التطبيق"، وذلك لأنّه تمت إزالة إمكانية استخدام AppCache من Chrome والمتصفّحات الأخرى المستندة إلى Chromium.

مشكلة في Chromium: 1084190

[تجريبية] لوحة Reporting API جديدة في لوحة Application

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

بعد تفعيل هذه التجربة، يمكنك الآن الاطّلاع على حالة التقارير في لوحة Reporting API الجديدة ضمن لوحة التطبيق.

يُرجى العِلم أنّ قسم نقاط النهاية لا يزال قيد التطوير النشط حاليًا (ولا يعرض أي نقاط نهاية لإعداد التقارير في الوقت الحالي).

مزيد من المعلومات عن Reporting API في هذه المقالة

جزء Reporting API في "لوحة التطبيق"

مشكلة في Chromium: 1205856

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

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

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

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

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

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