الميزات الجديدة في أدوات مطوّري البرامج (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)

يتم استخدام ميزة الوسائط تفضيل التباين لاكتشاف ما إذا كان المستخدم قد طلب تباينًا أعلى أو أقل في الصفحة أم لا.

افتح قائمة الأوامر، وشغِّل الأمر 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 في وحدة التحكّم

مشكلة 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"

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

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

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