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

Kayce Basques

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

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

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

وحدة تحكُّم مساعِدة

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

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

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

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

لتفعيل برنامج Eager Evaluation:

1. افتح وحدة التحكّم.
2. افتح إعدادات وحدة التحكّم.
3. فعِّل مربّع الاختيار تقييم مستوى التقدّم في اللعبة.

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

نصائح للوسيطات

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

الشكل 2. أمثلة مختلفة لتلميحات الوسيطات في وحدة التحكم

ملاحظات:

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

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

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

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

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

الكلمات الرئيسية في ES2017، مثل await، متاحة الآن في واجهة مستخدم الإكمال التلقائي على Console.

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

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

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

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

يتضمّن Lighthouse 3.0 محرك تدقيق داخليًا جديدًا، يحمل اسم "الفانوس" (Lantern) والذي يتم من خلاله إكمال عمليات التدقيق. وأسرع وباختلاف أقل بين عمليات التنفيذ.

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

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

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

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

يتوفر Lighthouse 3.0 أيضًا مع 4 عمليات تدقيق جديدة:

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

دعم BigInt

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

الشكل 6. مثال على BigInt في Console

إضافة مسار السمة إلى المشاهدة

أثناء الإيقاف المؤقت عند نقطة إيقاف، انقر بزر الماوس الأيمن على موقع في لوحة "النطاق" واختَر إضافة موقع إلكتروني. مسار المشاهدة لإضافة تلك السمة إلى لوحة المشاهدة.

الشكل 7. مثال على إضافة مسار السمة إلى الساعة

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

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

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

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

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

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بأدوات مطوري البرامج.

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

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

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