الميزات الجديدة في أدوات مطوّري البرامج (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 لرصد ما إذا كان المستخدم قد طلب زيادة التباين في الصفحة أو خفضه.

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

مشكلة في Chromium: 1139777

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

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

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

افتح قائمة الأوامر، وشغِّل الأمر Show Rendering (عرض المعالجة)، ثم اضبط القائمة المنسدلة Emulate auto dark mode (محاكاة الوضع الداكن التلقائي).

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

مشكلة Chromium: 1243309

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

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

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

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

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

مشكلة Chromium: 1253635

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

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

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

مشكلة Chromium: 1214030

تحسين عرض المواقع في لوحة "الخصائص"

تعرض الآن لوحة الخصائص الخصائص ذات الصلة فقط بدلاً من عرض جميع خصائص المثيل. تمّت الآن إزالة النماذج الأولية وأساليب DOM.

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

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

مشكلة Chromium: 1226262

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

خيار إخفاء أخطاء سياسة مشاركة الموارد المتعددة المصادر (CORS) في وحدة التحكّم

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

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

خيار إخفاء أخطاء سياسة مشاركة الموارد المتعددة المصادر (CORS) في وحدة التحكّم

مشكلة Chromium: 1251176

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

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

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

مشكلة Chromium: 1073804

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

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

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

مشكلة Chromium: 1254259

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

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

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

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

مشاكل Chromium: 1232937 و1255586

لوحة "ذاكرة التخزين المؤقت للتطبيق" المتوقّفة نهائيًا في لوحة "التطبيق"

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

مشكلة Chromium: 1084190

[ميزة تجريبية] لوحة Reporting API الجديدة في لوحة "التطبيق"

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

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

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

اطّلِع على مزيد من المعلومات عن Reporting API من خلال هذه المقالة.

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

مشكلة Chromium: 1205856

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

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

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

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

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

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