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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

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

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

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

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

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

لاختبار تصحيح أخطاء Wasm، ثبِّت إضافة C/C++ DevTools Support (DWARF) ونفِّذ الرمز خطوة بخطوة في العرض التوضيحي Mandelbrot.

مشكلة في Chromium: 1414289.

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

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

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

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

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

مشكلة في Chromium: 1418938.

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

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

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

يتم تمييز مشاكل الملء التلقائي في لوحة "العناصر"، ويتم الإبلاغ عنها في لوحة "المشاكل".

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

مشكلة في Chromium: 1399414.

التأكيدات في Recorder

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

لإضافة تأكيد، ابدأ تسجيلًا جديدًا، وتفاعَل مع صفحتك، ثم انقر على إضافة تأكيد. يُدرج المسجّل خطوة من النوع 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() Performance > Main

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

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

مشكلة في Chromium: ‏ 1429191

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

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

تحذير بشأن مقياس INP

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

مشاكل Chromium: 1432512 و1432509.

تم نقل مسار Web Vitals

تمت إزالة المقاطع التالية من لوحة الأداء:

  • مسار مؤشرات أداء الويب بدلاً من ذلك، يمكنك الاطّلاع على التوقيتات ذات الصلة في مسار التوقيتات عند التمرير فوقها.
  • المخطط الفرعي المهام الطويلة يمكنك العثور على هذه المهام في المسار الرئيسي المظلّل باللون الأحمر مع مثلث أحمر.

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

قبل وبعد نقل Web Vitals إلى مسار Timings

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

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

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

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

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

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

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

مشكلة في Chromium: 1428026.

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

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

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

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

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

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

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

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