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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

إذا كنت ترغب في تشخيص سجلات الشبكة مع الزملاء، يمكنك تصدير طلبات الشبكة إلى ملف 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().

    تمرير العقدة إلى Monitoring Events().

    الشكل 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.

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

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