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

Sofia Emelianova
Sofia Emelianova
GitHub

لوحة "الملء التلقائي" الجديدة

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

جرِّب اللوحة الجديدة على صفحة العرض التوضيحي هذه باستخدام بيانات الاختبار:

  1. في الملء التلقائي للملف الشخصي، انقر على أي من أزرار ملء النموذج ...، ثم انقر على إرسال، ثم في مربّع الحوار هل تريد حفظ العنوان؟، انقر على حفظ، وارجع إلى الصفحة التي تحتوي على النموذج.
  2. افتح "أدوات المطوّرين" (DevTools) وشغِّل حدث التعبئة التلقائية: اختَر حقل نموذج واختَر العنوان من القائمة المنسدلة.

تفتح لوحة الملء التلقائي تلقائيًا وتعرض لك حقول النماذج التي تم رصدها والحقول التي استنتجتها ميزة الملء التلقائي والقيم المحفوظة.

لوحة "الملء التلقائي"

لمزيد من المعلومات، يُرجى الاطّلاع على التعرّف على "نماذج Google" والملء التلقائي.

تحسين ضبط الحدّ الأقصى المسموح لعرض نطاق الشبكة في WebRTC

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

المَعلمات الجديدة هي: فقدان الحِزم (النسبة المئوية) وطول قائمة انتظار الحِزم (عدد الحِزم) وعلامة إعادة ترتيب الحِزم.

قبل وبعد إضافة خيارات جديدة متعلّقة بالحِزم إلى ملفات تعريف التقييد المخصّصة

لتقييد اتصال WebRTC، حدِّد المَعلمات ذات الصلة بالحزمة في ملف شخصي مخصّص ضمن الإعدادات > التقييد واختَرها في لوحة الشبكة.

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

مشكلة في Chromium: 41175925.

إتاحة الصور المتحركة المستندة إلى التمرير في لوحة "الصور المتحركة"

تتيح لك لوحة الصور المتحركة الآن فحص الصور المتحركة المستندة إلى التمرير.

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

مجموعة من الرسوم المتحركة المستندة إلى التمرير، ويظهر رمز فأرة بجانبها.

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

تحسين مستوى التوافق مع التداخل في CSS في "العناصر" > "الأنماط"

تعمل علامة التبويب العناصر > الأنماط على تحسين إمكانية استخدام التداخل في CSS، وتعرض الآن الأنماط المتداخلة مع مسافة بادئة وبين أقواس معقوفة. التداخل في CSS هو طريقة لتجميع قواعد CSS معًا وجعلها أقل تفصيلاً وأكثر تنظيمًا.

قبل إضافة المسافة البادئة وبعدها وتضمين الأنماط المتداخلة بين أقواس معقوفة

مشكلة في Chromium: 40166888.

لوحة "الأداء المحسّن"

يتضمّن هذا الإصدار العديد من التحسينات على لوحة الأداء.

إخفاء الدوال والعناصر الثانوية في مخطط اللهب

لإزالة التشويش من الرسم البياني الشريطي في الأداء > الرئيسي، يمكنك الآن إخفاء الدوال غير ذات الصلة وعناصرها الثانوية. في الرسم البياني الشعلة، انقر بزر الماوس الأيمن على دالة واختَر خيارًا من قائمة السياق.

قبل إضافة قائمة السياق وبعدها، تتيح لك هذه القائمة إخفاء الدوال والعناصر التابعة لها.

تحتوي الدوال التي تتضمّن عناصر فرعية مخفية على زر قائمة منسدلة على اليسار. مرِّر مؤشر الماوس فوقه للاطّلاع على عدد العناصر الفرعية المخفية، وانقر عليه لعرضها مرة أخرى. للعودة إلى الحالة الأولية لمخطط اللهب، انقر بزر الماوس الأيمن على دالة واختَر إعادة ضبط التتبُّع.

أسهم من المشغّلات المحدّدة إلى الأحداث التي بدأت

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

يظهر السهمان قبل وبعد الأحداث من الأحداث المحدّدة إلى الأحداث التي تمّ بدؤها، كما تظهر الروابط المسماة بدلاً من Reveal.

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

مشاكل Chromium: 325604258 و325024819 و326055289.

الإصدار 11.6.0 من Lighthouse

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

من بين التغييرات البارزة إعداد تفعيل جمع عيّنات محتوى JavaScript الجديد الذي يتطلّب الموافقة. هذا الإعداد متوقف بشكل تلقائي.

قبل وبعد إضافة إعدادات جمع عيّنات محتوى JavaScript التي تتطلّب الموافقة

يؤدي تفعيل أخذ عيّنات JS إلى إضافة عمليات تتبُّع الأداء إلى حِزم استدعاء JavaScript التفصيلية، ولكن قد يؤدي ذلك إلى إبطاء عملية إنشاء التقارير.

تتبُّع الأداء بدون (على اليمين) ومع (على اليسار) جمع عيّنات محتوى JavaScript

يتوفّر التتبُّع ضمن قائمة الأدوات > عرض عملية التتبُّع غير المحدودة بعد إنشاء تقرير Lighthouse.

للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوّري البرامج"، يمكنك الاطّلاع على Lighthouse: تحسين سرعة الموقع الإلكتروني.

مشكلة في Chromium: 772558.

تلميحات الأدوات للفئات الخاصة في "الذاكرة" > "لقطات Heap"

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

صورة "قبل" و"بعد" تعرض تلميحًا وصفيًا لمجموعات خاصة من العناصر

مشكلة في Chromium: 41490331.

التطبيق > تعديلات على مساحة التخزين

يتضمّن هذا الإصدار بعض التحديثات على التطبيق > مساحة التخزين.

وحدات البايت المستخدَمة في مساحة التخزين المشترَكة

يعرض لك القسم التطبيق > مساحة التخزين > مساحة التخزين المشتركة الآن عدد وحدات البايت التي يستخدمها مصدر.

تعرض هذه السمة عدد وحدات البايت المستخدَمة لمساحة التخزين المشتركة قبل وبعد التغيير.

تتيح لك مساحة التخزين المشتركة إمكانية الكتابة في مساحة تخزين غير محدودة على مواقع إلكترونية متعددة مع إمكانية الوصول للقراءة بما يحافظ على الخصوصية.

مشكلة في Chromium: 324464353.

تم إيقاف Web SQL نهائيًا

أوقف Chrome نهائيًا Web SQL في الإصدار 119 وأزال رمز التجربة المتوقّفة نهائيًا في هذا الإصدار، لذا لم يعُد بإمكانك استخدام Web SQL.

وبالمثل، أزالت "أدوات مطوّري البرامج" قسم Web SQL من لوحة التطبيق.

مشكلة في Chromium: 327254049.

تحسينات على "لوحة التغطية"

يتضمّن هذا الإصدار بعض التعديلات على لوحة التغطية:

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

إحصاءات الأطفال المطابقين قبل وبعد احتسابها بشكل صحيح

  • أصبح لون الرمز المستخدَم رماديًا بدلاً من الأخضر لتحسين مستوى ظهوره، خاصةً بالنسبة إلى الأشخاص الذين يعانون من عمى الألوان الأخضر.

صورة قبل وبعد تغيير لون الرمز المستخدَم إلى الرمادي

مشكلة في Chromium: 41494198 و329253687.

قد يتم إيقاف لوحة "الطبقات" نهائيًا

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

بانر التحذير الذي يعلن عن الإيقاف النهائي المحتمل في أعلى لوحة "الطبقات"

يُرجى مشاركة أفكارك وملاحظاتك قبل أن يتخذ الفريق القرار النهائي بإيقاف اللوحة نهائيًا.

إيقاف أداة "تحليل JavaScript": المرحلة الرابعة والأخيرة

في هذا الإصدار، تم إيقاف لوحة JS Profiler نهائيًا ولم يعُد من الممكن إعادة تفعيلها.

لإنشاء ملف أداء لوحدة المعالجة المركزية، استخدِم لوحة الأداء.

مشكلة في Chromium: 40262073.

لمحات متنوّعة

في ما يلي بعض الإصلاحات والتحسينات الجديرة بالذكر في هذا الإصدار:

  • الشبكة:
    • تم إصلاح خطأ في التحليل غير الصحيح لملفات تعريف الارتباط المتعددة الأسطر (325410304).
    • تم إصلاح معاينة سلسلة استدعاء الدوال البرمجية في عمود المصدر (327665602).
  • أداة رصد الأداء: أصبحت مربّعات الاختيار الآن مماثلة لتلك الموجودة في بقية واجهة المستخدم (1467464).
  • المصادر: تمت إضافة ميزة تمييز البنية إلى مستندات XHTML (327940244).
  • الإعدادات > الأجهزة: تم استبدال هاتف Galaxy Fold القديم بهاتف Galaxy Z Fold 5 الأحدث (40113439).
  • الأداء: يتم الآن تمييز جميع نتائج البحث المطابقة عند البحث باستخدام Ctrl/Cmd+F (1523279).
  • مراجع للمطوّرين: تعرض الآن أيضًا المراجع التي يتم تحميلها من خلال إضافات اللغات، مثل إضافة C/C++ DevTools Support (DWARF) على Chrome (40746829).
  • الأداء: تم إصلاح مشكلة اقتصاص حزمة استدعاء الدوال البرمجية وتنسيقها غير السليم في علامة التبويب الملخّص (325314708).
  • الدرج: يمكن الآن التركيز على زرَي وإغلاق، ما يتيح إغلاق اللوحات باستخدام لوحة المفاتيح.

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

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

التواصل مع فريق Chrome DevTools

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".

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

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