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

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

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

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

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

مشكلة Chromium #946975

Lighthouse 6 في لوحة Lighthouse

تعمل لوحة Lighthouse الآن في Lighthouse 6. راجِع الإصدار What's New in Lighthouse 6.0 للاطّلاع على ملخّص لجميع التغييرات الرئيسية، أو إلى ملاحظات إصدار الإصدار 6.0.0 للاطّلاع على قائمة كاملة بجميع التغييرات.

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

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

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

مشكلة Chromium #772558

إيقاف العمل بميزة "سرعة عرض أوّل محتوى مفيد على الصفحة" (FMP)

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

مشكلة Chromium #1096008

إتاحة ميزات JavaScript الجديدة

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

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

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

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

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

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

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

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

مشكلة Chromium #955497

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

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

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

مشكلة Chromium #1066579

عرض متسق للجزء المحسوب

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

مشكلة Chromium #1073899

إزاحة رمز Bytecode لملفات WebAssembly

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

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

مشكلة Chromium #1071432

النسخ والقص في مواضع الإعلانات في لوحة المصادر

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

مشكلة Chromium #800028

آخر أخبار "إعدادات وحدة التحكّم"

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

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

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

مشكلة Chromium #1082963

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

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

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

مشكلة Chromium #1055875

إشعارات لوحة الأداء

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

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

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

مشكلة Chromium #912581

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

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

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

مشكلة Chromium #974550

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

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

نقاط الإيقاف

مشكلة Chromium #1041830

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

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