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

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

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

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

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

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

لوحة "النظرة العامة على صفحات الأنماط المتتالية" (CSS)

مشكلة Chromium: 1254557

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

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

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

إذا واجهت أي مشاكل، يُرجى الإبلاغ عنها عبر الرابط goo.gle/length-feedback.

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

مشاكل Chromium: 1259088 و1172993

عرض تحديثات علامة التبويب

محاكاة ميزة bests-contrast للوسائط في CSS

محاكاة ميزة bests-contrast للوسائط في CSS

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

افتح قائمة الأوامر، وشغِّل القائمة المنسدلة إظهار العرض، ثم اضبط الأمر محاكاة ميزة وسائط CSS "Favorites-contrast".

مشكلة Chromium: 1139777

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

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

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

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

محاكاة ميزة "المظهر الداكن التلقائي" في 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

آخر الأخبار حول Play Console

خيار لإخفاء أخطاء 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

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

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

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

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

  • يمكنك إرسال اقتراح أو ملاحظات إلينا عبر crbug.com.
  • الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام خيارات إضافية   المزيد > مساعدة > الإبلاغ عن مشاكل في "أدوات مطوري البرامج" في "أدوات مطوري البرامج"
  • يمكنك نشر تغريدة على @ChromeDevTools.
  • شارِك في التعليقات على الميزات الجديدة في فيديوهات YouTube أو نصائح حول أدوات مطوّري البرامج فيديوهات YouTube.

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

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