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

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

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

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

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

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

راجِع المستندات لمزيد من المعلومات.

مشكلة Chromium: 1047356

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

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

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

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

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

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

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

مشكلة Chromium: 1034663

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

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

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

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

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

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

مشكلة Chromium: 1075732

تم تعديل لوحة العناصر.

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

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

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

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

مشكلة Chromium: 1073899

تجميع خصائص CSS في لوحة Computed

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

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

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

تجميع خصائص CSS

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

Lighthouse 6.4 في لوحة Lighthouse

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

منارة

عمليات التدقيق الجديدة في 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 في قائمة "المزيد من الأدوات". افتح الإعدادات من اللوحة الرئيسية بدلاً من ذلك.

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

مشكلة Chromium: 1121312

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

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

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

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

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

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

مشكلة Chromium: 1120316

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

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

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

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

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

مشكلة Chromium: 174309

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

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

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

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

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

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 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

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

الإصدار 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

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome