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

Kayce Basques
Kayce Basques
X GitHub

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

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

Assistive Console

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

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

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

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

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

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

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

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

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

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

تلميحات الوسيطات في "وحدة التحكّم"

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

ملاحظات:

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

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

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

بعد تنفيذ الأمر document.querySelector('p')، يمكن أن تعرض لك "وحدة التحكّم" الآن الخصائص والدوال المتاحة لهذا العنصر.

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

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

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

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

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

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

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

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

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

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

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

واجهة المستخدم الجديدة للتقارير في الإصدار 3.0 من Lighthouse

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

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

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

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

توافق BigInt

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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