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

Kayce Basques

الميزات الجديدة في الإصدار 68 من "أدوات مطوّري البرامج في Chrome":

• التقييم الفوري: أثناء كتابة التعبيرات، تعرض "وحدة التحكّم" معاينة للنتيجة.
• تلميحات حول الوسيطة: أثناء كتابة الدوال، تعرض لك "وحدة التحكّم" الوسيطات المتوقّعة لهذه الدالة.
• الإكمال التلقائي للدوال: بعد كتابة طلب دالة، مثل document.querySelector('p')، تعرض لك "وحدة التحكّم" الدوال والسمات التي تتوافق مع القيمة المعروضة.
• الكلمات الرئيسية ES2017 في "وحدة التحكّم" تتوفّر الآن كلمات رئيسية مثل await في واجهة المستخدم الخاصة بميزة الإكمال التلقائي في وحدة التحكّم.
• الإصدار 3.0 من Lighthouse في لوحة "عمليات التدقيق" عمليات تدقيق أسرع وأكثر اتساقًا، وواجهة مستخدم جديدة، وعمليات تدقيق جديدة
• التواصل مع فريق دعم BigInt جرِّب عددًا صحيحًا جديدًا ذا دقة عشوائية في JavaScript من خلال "وحدة التحكّم".
• إضافة مسارات السمات إلى لوحة "المشاهدة" أضِف خصائص من لوحة "النطاق" إلى لوحة "المشاهدة".
• تم نقل خيار "عرض الطوابع الزمنية" إلى "الإعدادات".

يمكنك مواصلة القراءة أو مشاهدة فيديو حول ملاحظات الإصدار أدناه.

Assistive Console

يتضمّن الإصدار 68 من Chrome بعض الميزات الجديدة في "وحدة التحكّم" والمتعلّقة بالإكمال التلقائي والمعاينة.

التقييم الفوري

عند كتابة عبارة في "وحدة التحكّم"، يمكن أن تعرض "وحدة التحكّم" الآن معاينة لنتيجة هذه العبارة أسفل المؤشر.

الشكل 1 تعرض وحدة التحكّم نتيجة العملية sort() قبل تنفيذها بشكل صريح

لتفعيل ميزة "التقييم الفوري"، اتّبِع الخطوات التالية:

1. افتح وحدة التحكّم.
2. افتح إعدادات وحدة التحكّم .
3. ضَع علامة في مربّع الاختيار التقييم الحريص.

لا تقيّم "أدوات مطوّري البرامج" التعبير بشكل استباقي إذا كان يؤدي إلى آثار جانبية.

تلميحات الوسيطات

أثناء كتابة الدوال، تعرض لك "وحدة التحكّم" الآن الوسيطات التي تتوقّعها الدالة.

الشكل 2 أمثلة مختلفة على تلميحات الوسيطات في "وحدة التحكّم"

ملاحظات:

• تمثّل علامة الاستفهام قبل وسيط، مثل ?options، وسيطًا اختياريًا.
• يشير رمز القطع الناقص قبل وسيط، مثل ...items، إلى توسيع.
• تقبل بعض الدوال، مثل CSS.supports()، تواقيع وسيطات متعددة.

الإكمال التلقائي بعد تنفيذ الدوال

بعد تفعيل ميزة "التقييم السريع"، تعرض لك "وحدة التحكّم" الآن أيضًا الخصائص والدوال المتاحة بعد كتابة دالة.

الشكل 3 تمثّل لقطة الشاشة العلوية السلوك القديم، وتمثّل لقطة الشاشة السفلية السلوك الجديد الذي يتيح الإكمال التلقائي للدوال.

الكلمات الرئيسية في ES2017 في ميزة "الإكمال التلقائي"

تتوفّر الآن الكلمات الرئيسية في ES2017، مثل await، في واجهة المستخدم الخاصة بالإكمال التلقائي في "وحدة التحكّم".

الشكل 4 تقترح "وحدة التحكّم" الآن await في واجهة مستخدم الإكمال التلقائي

عمليات تدقيق أسرع وأكثر موثوقية وواجهة مستخدم جديدة وعمليات تدقيق جديدة

يتضمّن الإصدار 68 من Chrome الإصدار 3.0 من Lighthouse. تقدّم الأقسام التالية ملخّصًا لبعض أكبر التغييرات. يمكنك الاطّلاع على الإعلان عن الإصدار 3.0 من Lighthouse لمعرفة التفاصيل الكاملة.

عمليات تدقيق أسرع وأكثر موثوقية

يتضمّن الإصدار 3.0 من Lighthouse محرّك تدقيق داخليًا جديدًا يحمل الاسم الرمزي Lantern، وهو يكمل عمليات التدقيق بشكل أسرع وبتباين أقل بين عمليات التشغيل.

واجهة المستخدم الجديدة

تتضمّن الإصدار 3.0 من Lighthouse أيضًا واجهة مستخدم جديدة، وذلك بفضل التعاون بين فريقَي Lighthouse وChrome UX (البحث والتصميم).

الشكل 5 واجهة المستخدم الجديدة للتقارير في Lighthouse 3.0

عمليات التدقيق الجديدة

يتضمّن الإصدار 3.0 من Lighthouse أيضًا 4 عمليات تدقيق جديدة:

• سرعة عرض أول محتوى مرئي
• ملف robots.txt غير صالح
• استخدام تنسيقات الفيديو للمحتوى المتحرّك
• تجنُّب الرحلات المتعددة والمكلفة ذهابًا وإيابًا إلى أي وجهة

توافق BigInt

يتوافق الإصدار 68 من Chrome مع نوع أساسي رقمي جديد يُسمى BigInt. تتيح لك BigInt تمثيل الأعداد الصحيحة بدقة عشوائية. جرِّبها في Play Console:

الشكل 6 مثال على BigInt في "وحدة التحكّم"

إضافة مسار الخاصية إلى تعبيرات المشاهدة

أثناء الإيقاف المؤقت عند نقطة توقّف، انقر بزر الماوس الأيمن على إحدى السمات في لوحة "النطاق" (Scope) واختَر إضافة مسار السمة إلى تعبيرات المشاهدة (Add property path to watch) لإضافة هذه السمة إلى لوحة "المشاهدة" (Watch).

الشكل 7 مثال على إضافة مسار الخاصية إلى تعبيرات المشاهدة

تم نقل خيار "عرض الطوابع الزمنية" إلى الإعدادات

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

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

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

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

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

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

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

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