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

تعديل الأنماط لأُطر عمل CSS-in-JS

يتيح جزء "الأنماط" الآن بشكل أفضل تعديل الأنماط التي تم إنشاؤها باستخدام واجهات برمجة تطبيقات نموذج عنصر CSS (CSSOM). تستخدم العديد من إطارات عمل ومكتبات CSS-in-JS واجهات برمجة تطبيقات CSSOM المتوفرة لإنشاء الأنماط.

يمكنك الآن أيضًا تعديل الأنماط التي تمت إضافتها في JavaScript باستخدام أوراق أنماط قابلة للإنشاء. إنّ أوراق الأنماط القابلة للإنشاء هي طريقة جديدة لإنشاء وتوزيع أنماط قابلة لإعادة الاستخدام عند استخدام Shadow DOM.

على سبيل المثال، لا يمكن تعديل أنماط h1 المُضافة باستخدام CSSStyleSheet (واجهات برمجة تطبيقات CSSOM) في السابق. ويمكنك تعديله الآن في جزء "الأنماط":

مشكلة Chromium #946975

Lighthouse 6 في لوحة Lighthouse

تستخدم لوحة Lighthouse الإصدار Lighthouse 6 الآن. يمكنك الاطّلاع على قسم الميزات الجديدة في Lighthouse 6.0 للحصول على ملخص لجميع التغييرات الرئيسية، أو ملاحظات الإصدار v6.0.0 للحصول على قائمة كاملة بجميع التغييرات.

يقدّم الإصدار 6.0 من أداة Lighthouse ثلاثة مقاييس جديدة في التقرير، وهي: سرعة عرض أكبر محتوى مرئي (LCP) ومتغيّرات التصميم التراكمية (CLS) وإجمالي وقت الحظر (TBT). إنّ كلاً من LCP وCLS هما من مؤشرات Core Web Vitals الجديدة من Google، بينما TBT هو وكيل آخر لقياس مؤشرات أداء الويب الأساسية ومهلة الاستجابة لأوّل إدخال.

تمت أيضًا إعادة موازنة صيغة نتيجة الأداء لتعكس تجربة التحميل للمستخدمين بشكل أفضل.

مقاييس أداء جديدة في Lighthouse 6.0

مشكلة Chromium #772558

الإيقاف النهائي لـ First Meaningful Paint (FMP)

تم إيقاف ميزة First Meaningful Paint (FMP) نهائيًا في الإصدار 6.0 من Lighthouse. تمّت إزالته أيضًا من لوحة "الأداء". إنّ خيار سرعة عرض أكبر محتوى مرئي هو البديل الذي يُنصح به لـ FMP. يمكنك الاطّلاع على قسم First Meaningful Paint للحصول على شرح عن سبب إيقافه نهائيًا.

مشكلة Chromium #1096008

دعم ميزات JavaScript الجديدة

تتوافق "أدوات مطوري البرامج" الآن بشكل أفضل مع بعض أحدث ميزات لغة JavaScript:

  • التسلسل الاختياري للبنية التلقائية - يتيح الإكمال التلقائي للسمات في وحدة التحكّم الآن بناء بنية تسلسل اختيارية، مثلاً، تعمل name?. الآن بالإضافة إلى name. وname[.
  • تمييز الحقول الخاصة - يتم الآن تمييز حقول الفئات الخاصة بشكل صحيح وطباعتها بشكلٍ صحيح في لوحة "المصادر".
  • تمييز بناء الجملة عامل تشغيل الانسجام Nullish coalescing: تؤدي أدوات مطوّري البرامج الآن إلى عرض نص مكتمل بشكل صحيح في لوحة المصادر.

مشاكل Chromium #1083214 و#1073903 و#1083797

تحذيرات جديدة بشأن اختصارات التطبيقات في لوحة البيان

تساعد اختصارات التطبيقات المستخدمين على بدء المهام الشائعة أو المقترَحة بسرعة داخل تطبيق ويب.

تعرض لوحة "البيان" الآن تحذيرات في الحالات التالية:

  • كانت رموز اختصارات التطبيق أصغر من 96×96 بكسل
  • رموز اختصارات التطبيقات ورموز البيان ليست مربعة (حيث سيتم تجاهلها)

تحذيرات اختصارات التطبيقات

مشكلة Chromium #955497

أحداث عامل الخدمة respondWith في علامة التبويب "التوقيت"

تتضمّن علامة التبويب "التوقيت" في لوحة "الشبكة" الآن أحداث "respondWith" لمشغّل الخدمة. respondWith هو الوقت الذي يسبق تشغيل معالِج أحداث fetch الخاص بعامل تشغيل الخدمات مباشرةً إلى الوقت الذي تتم فيه تسوية وعد respondWith لمعالج fetch.

عامل الخدمات "الرد مع"

مشكلة Chromium #1066579

العرض المتسق للوحة الحوسبة

يظهر الآن جزء "محسوب" في لوحة "العناصر" باستمرار كجزء عبر جميع أحجام إطار العرض. في السابق، كان جزء "الحوسبة" يندمج داخل لوحة "الأنماط" عندما يكون عرض إطار عرض "أدوات مطوري البرامج" ضيقًا.

مشكلة Chromium #1073899

إزاحة رموز البايت لملفات WebAssembly

يستخدم DevTools الآن إزاحة رمز البايت لعرض أرقام أسطر تفكيك Wasm. ويوضّح ذلك أنّك تنظر إلى البيانات الثنائية بشكل أكثر اتّساقًا مع كيفية إشارة بيئة تشغيل Wasm إلى المواقع الجغرافية.

إزاحة رمز البايت

مشكلة Chromium #1071432

النسخ والقص بطريقة الأسطر في لوحة المصادر

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

مشكلة Chromium #800028

تعديلات على إعدادات وحدة التحكّم

إلغاء تجميع رسائل وحدة التحكّم نفسها

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

على سبيل المثال، لم يفكّ "أدوات مطوري البرامج" في السابق تجميع الرسائل hello على الرغم من إزالة العلامة من المربّع مجموعة مشابهة. يتم الآن إلغاء تجميع رسائل hello:

مشكلة Chromium #1082963

مواصلة استخدام إعدادات السياق المحدَّد فقط

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

السياق المحدّد فقط

مشكلة Chromium #1055875

تعديلات على لوحة الأداء

معلومات ذاكرة التخزين المؤقت لتجميع JavaScript في لوحة الأداء

يتم الآن عرض معلومات ذاكرة التخزين المؤقت لتجميع JavaScript دائمًا في علامة التبويب "الملخّص" في لوحة "الأداء". في السابق، لم يكن "أدوات مطوري البرامج" تعرض أي شيء متعلق بالتخزين المؤقت للرموز البرمجية إذا لم يحدث التخزين المؤقت للرموز البرمجية.

معلومات ذاكرة التخزين المؤقت لتجميع JavaScript

مشكلة Chromium #912581

تُستخدم لوحة الأداء لعرض الأوقات في أدوات قياس المسافات استنادًا إلى وقت بدء التسجيل. وقد تغيّر ذلك الآن في التسجيلات التي يتنقل فيها المستخدم، حيث تُظهر "أدوات مطوري البرامج" الآن أوقات قياس المسافات بالنسبة إلى التنقُّل بدلاً من ذلك.

محاذاة توقيت التنقل في لوحة الأداء

عدّلنا أيضًا أوقات أحداث DOMContentLoaded و"سرعة عرض أوّل محتوى" و"سرعة عرض أول محتوى مرئي" و"سرعة عرض أكبر محتوى مرئي" لأحداث التنقّل من حيث وقت بدء عملية التنقّل، أي أنّها تتطابق مع التوقيتات التي تم الإبلاغ عنها في "PerformanceObserver".

مشكلة Chromium #974550

رموز جديدة لنقاط الإيقاف ونقاط التوقف المشروطة ونقاط التسجيل

تحتوي لوحة المصادر على تصميمات جديدة لنقاط التوقف ونقاط التوقف المشروطة ونقاط التسجيل. تحصل نقاط الإيقاف على تصميم جديد للعلم يتميّز بألوان أكثر إشراقًا وملاءمةً. تتم إضافة الأيقونات للتمييز بين نقاط التوقف الشرطية ونقاط التسجيل.

نقاط الإيقاف

مشكلة Chromium #1041830

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

يمكنك استخدام 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