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

أدوات جديدة لتصحيح أخطاء شبكة CSS

تتوافق أدوات مطوّري البرامج الآن بشكل أفضل مع تصحيح أخطاء شبكة CSS.

تصحيح أخطاء شبكة CSS

عند تطبيق display: grid أو display: inline-grid على عنصر HTML على صفحتك، يمكنك رؤية شارة grid بجانبه في لوحة العناصر. انقر فوق الشارة لتبديل عرض تراكب الشبكة على الصفحة.

تحتوي لوحة التنسيق الجديدة على قسم الشبكة الذي يقدم لك عددًا من الخيارات لعرض الشبكات.

يمكنك الاطّلاع على المستندات لمزيد من المعلومات.

مشكلة Chromium: 1047356

علامة تبويب WebAuthn الجديدة

يمكنك الآن محاكاة برامج المصادقة وتصحيح أخطاء واجهة برمجة تطبيقات مصادقة الويب باستخدام علامة التبويب WebAuthn الجديدة.

اختَر خيارات إضافية > المزيد من الأدوات > WebAuthn لفتح علامة التبويب WebAuthn.

علامة التبويب WebAuthn

قبل علامة التبويب WebAuthn الجديدة، لم يكن هناك دعم أصلي لتصحيح أخطاء WebAuthn على Chrome. احتاج المطوّرون إلى برامج مصادقة فعلية لاختبار تطبيقات الويب باستخدام Web Authentication API.

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

يمكنك الاطّلاع على المستندات للتعرّف على مزيد من المعلومات حول ميزة WebAuthn.

مشكلة Chromium: 1034663

نقل الأدوات بين اللوحة العلوية والسفلية

تتيح "أدوات مطوري البرامج" الآن نقل الأدوات في "أدوات مطوري البرامج" بين اللوحة العلوية والسفلية. بهذه الطريقة، يمكنك عرض أي أداتين في وقت واحد.

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

نقل التطبيق إلى أسفل القائمة

وبالمثل، يمكنك نقل أي علامة تبويب أسفل الشاشة إلى أعلاها من خلال النقر بزر الماوس الأيمن على علامة تبويب واختيار نقل إلى الأعلى.

نقل التطبيق إلى أعلى القائمة

مشكلة Chromium: 1075732

تعديلات على لوحة "العناصر"

عرض جزء الشريط الجانبي الذي تم احتسابه في جزء "Styles" (الأنماط)

يمكنك الآن تبديل جزء الشريط الجانبي المحسوب في جزء الأنماط.

يتم تلقائيًا تصغير لوحة الشريط الجانبي المحسوب في لوحة الأنماط. انقر فوق الزر لتبديله.

جزء الشريط الجانبي الذي تم احتسابه

مشكلة Chromium: 1073899

تجميع خصائص CSS في الجزء المحسوب

يمكنك الآن تجميع خصائص CSS حسب الفئات في لوحة Computed (المحسوبة).

مع ميزة التجميع الجديدة هذه، سيسهل التنقّل في جزء المحسوبة (مع قدر أقل من الانتقال) مع التركيز بشكل انتقائي على مجموعة من الخصائص ذات الصلة لفحص محتوى CSS.

في لوحة العناصر، اختَر عنصرًا. بدِّل مربّع الاختيار Group (مجموعة) لتجميع/إلغاء تجميع خصائص CSS.

تجميع خصائص CSS

مشاكل Chromium: 1096230 و1084673 و1106251

Lighthouse 6.4 في لوحة Lighthouse

تعمل لوحة Lighthouse الآن على الإصدار 6.4 من Lighthouse. يمكنك مراجعة ملاحظات الإصدار للاطّلاع على قائمة كاملة بالتغييرات.

منارة

عمليات التدقيق الجديدة في Lighthouse 6.4:

  • التحميل المُسبق للخطوط للتحقّق مما إذا تم تحميل جميع الخطوط التي تستخدم font-display: optional بشكل مسبق.
  • خرائط المصادر الصالحة: عمليات التدقيق إذا كانت الصفحة تحتوي على خرائط مصدر صالحة للغة JavaScript الكبيرة التابعة للطرف الأول.
  • [ميزة تجريبية] مكتبة JavaScript كبيرة: يمكن أن تؤدي مكتبات JavaScript الكبيرة إلى ضعف الأداء. تقترح عملية التدقيق هذه بدائل أقل تكلفة لمكتبات JavaScript الشائعة والكبيرة مثل moment.js.

مشكلة Chromium: 772558

performance.mark() حدثًا في قسم "التوقيتات"

أصبح قسم التوقيتات في تسجيل الأداء يصنّف الآن performance.mark() حدث.

أحداث Performance.mark

الفلتران الجديدان "resource-type" و"url" في لوحة "الشبكة"

يمكنك استخدام الكلمتَين الرئيسيتَين الجديدتَين resource-type وurl في لوحة الشبكة لفلترة طلبات الشبكة.

على سبيل المثال، يمكنك استخدام resource-type:image للتركيز على طلبات الشبكة التي تتضمّن صورًا.

فلتر لنوع الموارد

راجِع طلبات الفلترة حسب المواقع لاكتشاف المزيد من الكلمات الرئيسية الخاصة مثل resource-type وurl.

مشاكل Chromium: 1121141، 1104188

تعديلات على عرض تفاصيل الإطار

عرض نقطة نهاية COEP وCOOP reporting to

يمكنك الآن الاطّلاع على نقطة نهاية "سياسة أداة تضمين المحتوى من مصادر متعددة" (COEP) و"سياسة إتاحة المحتوى من مصادر متعددة" (COOP)reporting to ضمن قسم الأمان والعزل.

تحدّد Reporting API عنوان HTTP جديدًا، وهو Report-To، يمنح مطوّري البرامج على الويب طريقة لتحديد نقاط نهاية الخادم للمتصفح لإرسال التحذيرات والأخطاء إليه.

إرسال التقارير إلى نقطة النهاية

يمكنك قراءة هذه المقالة للاطّلاع على مزيد من المعلومات حول كيفية تفعيل سياسة حماية خصوصية البيانات (COEP) وCOOP وجعل موقعك الإلكتروني "حظر الوصول من نطاقات متعددة" إلى موقعك الإلكتروني.

مشكلة Chromium: 1051466

عرض وضع COEP وCOOP report-only

تعرض "أدوات مطوري البرامج" الآن تصنيف "report-only" لكل من أداة COEP وCOOP المضبوطة على الوضع "report-only".

تصنيف لإعداد التقارير فقط

شاهِد هذا الفيديو للتعرّف على كيفية منع تسرُّب المعلومات وتفعيل COOP وCOEP في موقعك الإلكتروني.

مشكلة Chromium: 1051466

إيقاف Settings نهائيًا في قائمة "المزيد من الأدوات"

تم إيقاف السمة Settings في قائمة "المزيد من الأدوات" نهائيًا. افتح Settings (الإعدادات) من اللوحة الرئيسية بدلاً من ذلك.

الإعدادات في اللوحة الرئيسية

مشكلة Chromium: 1121312

الميزات التجريبية

عرض مشاكل تباين الألوان وإصلاحها في لوحة "نظرة عامة على CSS"

تعرض لوحة نظرة عامة على CSS الآن قائمة بنصوص صفحتك ذات التباين المنخفض بالألوان.

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

مشاكل في تباين الألوان المنخفض

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

مشكلة Chromium: 1120316

تخصيص اختصارات لوحة المفاتيح في "أدوات مطوري البرامج"

يمكنك الآن تخصيص اختصارات لوحة المفاتيح حسب الأوامر المفضّلة لديك في "أدوات مطوري البرامج".

انتقِل إلى الإعدادات > الاختصارات، مع التمرير فوق أحد الأوامر ثم النقر على الزر تعديل (رمز القلم الرصاص) لتخصيص اختصار لوحة المفاتيح.

تخصيص اختصارات لوحة المفاتيح

لإعادة ضبط جميع الاختصارات، انقر على استعادة الاختصارات التلقائية.

مشكلة Chromium: 174309

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من متصفِّح Chrome

الإصدار 118 من متصفّح Chrome

الإصدار 117 من Chrome

الإصدار 116 من متصفّح Chrome

الإصدار 115 من متصفّح Chrome

الإصدار 114 من متصفّح Chrome

الإصدار 113 من متصفّح Chrome

الإصدار 112 من Chrome

الإصدار 111 من متصفّح Chrome

الإصدار 110 من متصفّح Chrome

الإصدار 109 من متصفِّح Chrome

الإصدار 108 من متصفِّح Chrome

107 Chrome

الإصدار 106 من متصفّح Chrome

105 Chrome

الإصدار 104 من متصفِّح Chrome

الإصدار 103 من متصفّح Chrome

الإصدار 102 من متصفّح Chrome

الإصدار 101 من متصفّح Chrome

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 82 من Chrome

تم إلغاء إصدار 82 من Chrome.

إصدار 81 من Chrome

80 Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome