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

Sofia Emelianova

Jecelyn Yeen

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

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

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

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

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

مشكلة في Chromium: 1414289

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

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

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

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

مشكلة Chromium: 1418938

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

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

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

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

مشكلة Chromium: 1399414

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

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

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

مشكلة في Chromium: ‏ 1429191

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

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

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

مشاكل Chromium: 1432512 و1432509

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

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

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

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

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

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

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

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

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

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

مشكلة Chromium: ‏ 1428026

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

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

• يرصد أداة اختيار الألوان الآن قيم HWB التي تكون خارج النطاق عند اقتصاصها (1429271).
• لوحة المصادر:
  • تم تفعيل ميزة تمييز بنية JSON لخرائط المصدر (1385374).
  • توقّف عن عرض رسائل "تم رصد خريطة المصادر" عند إيقاف خرائط المصادر يدويًا (1423718).
• تتيح لك Console الآن تقييم تعبيرات JavaScript غير المكتملة باستخدام Ctrl + Enter وعرض أخطاء في البنية (1314700).
• يتضمّن مربّع حوار تعديل نقطة التوقف الآن زر إغلاق. في السابق، كان عليك الضغط على Enter أو إزالة التركيز من مربّع الحوار (1412980).

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

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

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

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

• يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
• يمكنك الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" باستخدام رمز more_vert خيارات إضافية > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" في "أدوات مطوّري البرامج".
• يمكنك نشر تغريدة على Twitter على ‎@ChromeDevTools.
• يمكنك إضافة تعليقات على فيديوهات YouTube حول الميزات الجديدة في "أدوات مطوّري البرامج" أو فيديوهات YouTube حول نصائح حول "أدوات مطوّري البرامج".

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

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