الميزات الجديدة في أدوات مطوّري البرامج (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

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

ومع ذلك، تنتهي عملية التنقّل عندما تنتهي خارج الدالة التي بدأت فيها، على سبيل المثال، بعد العودة من الدالة.

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

الإعداد الجديد في "الإعدادات المفضّلة" ثم "المصادر"

مشكلة Chromium: 1418938

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

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

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

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

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

مشكلة Chromium: 1399414

الأحكام في أداة Recorder

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

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

يعرض لك هذا الفيديو كيفية تأكيد ما يلي:

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

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

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

مشكلة Chromium: 1423624

Lighthouse 10.1.1

تعمل لوحة Lighthouse الآن بإصدار Lighthouse 10.1.1، مع إدخال تغيير ملحوظ في الإصدار 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

تم نقل مسار "مؤشرات أداء الويب"

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

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

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

قبل نقل "مؤشرات أداء الويب" إلى قناة "المُدد الزمنية" وبعد نقلها

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

اطّلِع على مزيد من المعلومات عن مؤشرات أداء الويب.

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

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

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

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

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

مشكلة Chromium: ‏ 1428026

لحظات مميّزة متنوعة

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

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

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

التواصل مع فريق "أدوات مطوّري البرامج في Chrome"

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

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

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