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

Kayce Basques

تشمل الميزات الجديدة والتغييرات الرئيسية التي ستطرأ على "أدوات مطوري البرامج في Chrome" في الإصدار Chrome 71 ما يلي:

• تمرير مؤشر الماوس فوق "التعبير المباشر" لتمييز عقدة DOM
• عُقد DOM الخاصة بالمتجر كمتغيّرات عمومية
• أدوات البدء ومعلومات الأولوية في عمليات الاستيراد والتصدير باستخدام HAR
• الوصول إلى قائمة الأوامر من القائمة الرئيسية
• النقاط الفاصلة في ميزة "نافذة ضمن النافذة"
• (نصيحة إضافية) يمكنك تشغيل MonitoringEvents() في وحدة التحكّم لمراقبة تنشيط أحداث أحد العناصر

اقرأ أو شاهد نسخة الفيديو من هذه الصفحة:

تمرير مؤشر الماوس فوق "التعبير المباشر" لتحديد عقدة DOM

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

الشكل 1. تمرير مؤشر الماوس فوق نتيجة "التعبير المباشر" لتمييز العقدة في إطار العرض

تخزين عُقد DOM كمتغيّرات عمومية

لتخزين عقدة DOM كمتغير عمومي، قم بتشغيل تعبير في وحدة التحكم يتم تقييمه إلى عقدة، انقر بزر الماوس الأيمن على النتيجة، ثم اختَر المتجر كمتغيّر عمومي.

الشكل 2. الحفظ كمتغير عمومي في وحدة التحكم

أو انقر بزر الماوس الأيمن على العقدة في شجرة نموذج العناصر في المستند (DOM) واختَر المتجر كمتغيّر عمومي.

الشكل 3. التخزين كمتغيّر عمومي في شجرة نموذج العناصر في المستند (DOM)

معلومات البدء ومعلومات الأولوية في عمليات الاستيراد والتصدير لـ HAR الآن

إذا كنت ترغب في تشخيص سجلات الشبكة مع الزملاء، يمكنك تصدير طلبات الشبكة إلى ملف HAR.

الشكل 8. جارٍ تصدير طلبات الشبكة إلى ملف HAR

لاستيراد الملف مرة أخرى إلى لوحة "الشبكة"، ما عليك سوى سحبه وإفلاته.

عند تصدير ملف HAR، تشتمل "أدوات مطوري البرامج" الآن على معلومات البدء ومعلومات الأولوية في ملف HAR الملف. عند استيراد ملفات HAR مرة أخرى إلى "أدوات مطوّري البرامج"، يكون عمودا المُنشئ والأولوية وتمت ملؤها الآن.

يوفّر الحقل _initiator مزيدًا من السياق حول سبب طلب المورد. هذا النمط إلى عمود المبدئ في جدول "الطلبات".

الشكل 9. عمود المُنشئ

يمكنك أيضًا النقر مع الاستمرار على Shift وتمرير مؤشر الماوس فوق أحد الطلبات للاطّلاع على صفحة بدءه. والتبعيات لديك.

الشكل 10. عرض برامج البدء والتبعيات

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

الشكل 11. عمود "الأولوية"

انقر بزر الماوس الأيمن على عنوان جدول "الطلبات" واختَر الأولوية لعرض الأولوية. العمود.

الشكل 12. كيفية عرض عمود الأولوية

الوصول إلى قائمة الأوامر من القائمة الرئيسية

استخدِم قائمة الأوامر للوصول بسرعة إلى اللوحات وعلامات التبويب والميزات في "أدوات مطوّري البرامج".

الشكل 13. قائمة الأوامر

يمكنك الآن فتح قائمة الأوامر من القائمة الرئيسية. انقر على القائمة الرئيسية واختَر تشغيل الأمر.

الشكل 14. فتح قائمة الأوامر من القائمة الرئيسية

نقاط الإيقاف في ميزة "نافذة ضمن النافذة"

نافذة ضمن النافذة هي واجهة برمجة تطبيقات تجريبية جديدة تتيح للصفحة إنشاء فيديو عائم. نافذة على سطح المكتب.

تفعيل مربّعات الاختيار enterpictureinpicture وleavepictureinpicture وresize في الحدث في لوحة "نقاط الإيقاف" الخاصة بالمستمعين، يتم إيقافها مؤقتًا عند تنشيط أحد أحداث "نافذة ضمن النافذة". تتوقف أدوات مطوري البرامج مؤقتًا عند السطر الأول من المعالج.

الشكل 16. أحداث ميزة "نافذة ضمن النافذة" في لوحة "النقاط الفاصلة لأداة معالجة الأحداث"

(نصيحة إضافية) قم بتشغيل MonitoringEvents() في وحدة التحكم لمراقبة تنشيط أحداث أحد العناصر

لنفترض أنّك تريد إضافة حد أحمر حول زر بعد التركيز عليه والضغط على R أو E أو D أو لكنك لا تعرف أي الأحداث يجب إضافة مستمعين إليها. استخدام monitorEvents() لتسجيل جميع أحداث العنصر إلى وحدة التحكم.

1. احصل على مرجع للعقدة.

   

   الشكل 17. استخدام Store كمتغيّر عمومي للحصول على إشارة إلى العقدة

2. نقْل العقدة كوسيطة أولى إلى monitorEvents().

   

   الشكل 18. تمرير العقدة إلى monitorEvents()

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

   

   الشكل 19. أحداث العُقدة في وحدة التحكّم

يمكنك طلب unmonitorEvents() لإيقاف تسجيل الأحداث في "وحدة التحكّم".

unmonitorEvents(temp1);

مرِّر صفيفًا كوسيطة ثانية إلى monitorEvents() إذا كنت تريد مراقبة أحداث معيّنة فقط. أو أنواع الأحداث:

monitorEvents(temp1, ['mouse', 'focus']);

يطلب النوع mouse من "أدوات مطوّري البرامج" تسجيل جميع الأحداث المتعلقة بالماوس، مثل mousedown وclick. الأنواع الأخرى المتوافقة هي key وtouch وcontrol.

يمكنك الاطّلاع على مرجع سطر الأوامر للتعرّف على الدوال المفيدة الأخرى التي يمكنك طلبها من وحدة التحكّم.

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

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

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

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

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

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

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