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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

إتاحة تصحيح أخطاء WebAssembly

تفعِّل "أدوات مطوّري البرامج" الإعدادات. الإعدادات > التجارب > مربّع اختيار تصحيح أخطاء WebAssembly: تفعيل توافق DWARF تلقائيًا. لمزيد من المعلومات، اطّلِع على تصحيح أخطاء WebAssembly باستخدام أدوات حديثة.

تتيح لك هذه التجربة إيقاف التنفيذ مؤقتًا وتصحيح أخطاء رموز C وC++ في تطبيقات Wasm، مع توفير جميع معلومات تصحيح الأخطاء لك:

  • رمز المصدر الأصلي، الذي تم ربطه باستخدام معلومات تصحيح الأخطاء DWARF
  • أسماء الدوال المفهومة في حزمة استدعاء الدوال
  • إمكانية إيقاف التنفيذ عند نقاط توقّف مؤقت والمزيد

تطبيق Wasm تم إيقافه مؤقتًا في "أداة تصحيح الأخطاء"

لاختبار تصحيح أخطاء Wasm، ثبِّت إضافة "دعم أدوات مطوّري البرامج للغة C/C++‎" (DWARF) وتتبَّع الرمز البرمجي في العرض التوضيحي لـ "مجموعة ماندلبروت".

مشكلة في Chromium: 1414289.

تحسين سلوك التخطّي في تطبيقات Wasm

يؤدي تنفيذ متابعة للتالي Step over في الرمز الأصلي الآن إلى تجنُّب الإيقاف المؤقت في التفكيك (ملف .wasm). في السابق، كان يتم إيقاف الفيديو مؤقتًا عند هذه النقطة.

ومع ذلك، ينتهي التنفيذ خطوة بخطوة عندما يصل إلى مكان خارج الدالة التي بدأ فيها، مثلاً بعد الرجوع من الدالة.

يتم تفعيل هذا السلوك تلقائيًا في الإعدادات. الإعدادات > الإعدادات المفضّلة > المصادر.

يمكنك العثور على الإعداد الجديد في "الإعدادات المفضّلة" ثم "المصادر".

مشكلة في Chromium: 1418938.

تصحيح أخطاء ميزة "الملء التلقائي" باستخدام لوحة "العناصر" وعلامة التبويب "المشاكل"

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

لتجربة هذه الميزة، فعِّل الإعدادات. الإعدادات > التجارب > مربّع اختيار تمييز عقدة أو سمة غير متوافقة في شجرة DOM في لوحة "العناصر"، ثم اطّلِع على صفحة العرض التوضيحي هذه.

المشاكل المتعلّقة بالتعبئة التلقائية التي تم تمييزها في لوحة "العناصر" وأبلغت عنها لوحة "المشاكل"

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

مشكلة في Chromium: 1399414.

التأكيدات في "المسجّلة الذكية"

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

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

يوضّح لك هذا الفيديو كيفية تأكيد ما يلي:

  • سمات HTML، مثل class الخاص بالعنصر
  • خصائص JavaScript في JSON، مثل .innerText

يمكنك أيضًا ضبط خطوات للتأكّد من صحة البيانات، مثل العبارات الشرطية في JavaScript، وعدد العناصر الفرعية للعقدة (count)، ومدى توفّر العنصر، وغير ذلك. لمزيد من المعلومات، يُرجى الاطّلاع على ضبط الخطوات.

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

مشكلة في Chromium: 1423624.

‫Lighthouse 10.1.1

تعمل لوحة Lighthouse الآن بالإصدار 10.1.1 من Lighthouse، مع تغيير ملحوظ تم تقديمه في الإصدار 10.1.0. يتم الآن تجميع كل عمليات التدقيق التي تتعامل مع عناوين URL حسب الكيان وتجميع الإحصاءات الرقمية، مثل الحجم أو المدة. يتم أيضًا تصنيف الجهات الخارجية الشائعة حسب فئتها ليسهل تحديد الغرض منها على الصفحة.

عمليات التدقيق مجمَّعة حسب الكيان.

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

مشكلة في Chromium: 772558.

تحسينات على الأداء

تعرض performance.mark() التوقيت عند التمرير في "الأداء" > "التوقيتات"

تعرض طريقة performance.mark()‎ الآن توقيتها عند تمرير مؤشر الماوس فوق العلامة المقابلة في الأداء > التوقيتات. التوقيت هنا هو طابع زمني مرتبط بحدث التنقّل السابق.

النافذة المنبثقة التي تعرض التوقيت عند التمرير في قسم "التوقيتات"

مشكلة في Chromium: 1426762.

يملأ الأمر profile() "الأداء" > "الرئيسي"

يبدأ الأمران profile() وprofileEnd() في وحدة التحكّم عملية تسجيل بيانات وحدة المعالجة المركزية وإيقافها في سلسلة التعليمات البرمجية الرئيسية في لوحة الأداء.

ينشئ الأمر console() ملفًا شخصيًا في لوحة "الأداء".

مشكلة في Chromium: ‏ 1429191

تحذير بشأن تفاعلات المستخدم البطيئة

تتلقّى تفاعلات المستخدم التي تزيد مدتها عن 200 ملي ثانية تحذيرًا بشأن مدى استجابة الصفحة لتفاعلات المستخدم (INP) في علامة التبويب الأداء > الملخّص.

تحذير بشأن INP

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

مشكلتان في Chromium: 1432512 و1432509.

تم نقل مسار Web Vitals

أزالت لوحة الأداء المقاييس التالية:

تضمّن كلّ من مؤشرات Web Vitals والمهام الطويلة معلومات مكرّرة في مكان آخر. كما أنّها كانت غير تفاعلية مقارنةً بالبدائل الأكثر اكتمالاً التي تقدّم معلومات أكثر تفصيلاً عند النقر عليها.

قبل وبعد نقل "مؤشرات Web Vitals" إلى مسار "التوقيتات"

بالإضافة إلى ذلك، تمت إعادة تسمية مسار التجارب إلى متغيّرات التصميم للإشارة إلى استخدامه بدقة أكبر.

مزيد من المعلومات حول Web Vitals

إيقاف أداة "تحليل JavaScript": المرحلة الثالثة

منذ الإصدار 58 من Chrome، خطّط فريق "أدوات مطوّري البرامج" لإيقاف أداة JavaScript Profiler نهائيًا، وأن يطلب من مطوّري Node.js وDeno استخدام لوحة الأداء لإنشاء ملفات تعريف لأداء وحدة المعالجة المركزية في JavaScript.

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

مربع اختيار أداة تحليل JavaScript في "الإعدادات" ثم "التجارب"

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

مشكلة في Chromium: 1428026.

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

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

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

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

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

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

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

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