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

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

عوامل التشغيل بانتظارك من المستوى الأعلى في وحدة التحكّم

تتوافق وحدة التحكّم الآن مع عوامل التشغيل await ذات المستوى الأعلى.

استخدام عوامل التشغيل لانتظار المستوى الأعلى في وحدة التحكّم

الشكل 1. استخدام عوامل تشغيل await ذات المستوى الأعلى في وحدة التحكّم

عمليات سير عمل جديدة للقطات الشاشة

يمكنك الآن أخذ لقطة شاشة لجزء من إطار العرض أو لعقدة HTML محدّدة.

لقطات شاشة لجزء من إطار العرض

لأخذ لقطة شاشة لجزء من إطار العرض، اتّبِع الخطوات التالية:

  1. انقر على رمز فحص فحص أو اضغط على Command+Shift+C (نظام التشغيل Mac) أو Control+Shift+C (على نظامَي التشغيل Windows وLinux) للدخول إلى وضع "فحص العناصر".
  2. اضغط مع الاستمرار على Command (نظام التشغيل Mac) أو Control (نظاما التشغيل Windows وLinux) واختر الجزء الذي تريد أخذ لقطة شاشة منه لإطار العرض.
  3. حرر الماوس. يتم من خلال "أدوات مطوّري البرامج" تنزيل لقطة شاشة للجزء الذي تم تحديده.

أخذ لقطة شاشة لجزء من إطار العرض

الشكل 2. أخذ لقطة شاشة لجزء من إطار العرض

لقطات شاشة لعُقد HTML محدّدة

لأخذ لقطة شاشة لعقدة HTML معيّنة:

  1. اختَر عنصرًا في لوحة العناصر.

    مثال على العقدة

    الشكل 3. في هذا المثال، الهدف هو أخذ لقطة شاشة للعنوان الأزرق الذي يحتوي على النص Tools. تجدر الإشارة إلى أنّه تم اختيار هذه العقدة مسبقًا في شجرة نموذج العناصر في المستند (DOM) في لوحة العناصر

  2. افتح قائمة الأوامر.

  3. ابدأ الكتابة node واختر Capture node screenshot. تقوم "أدوات مطوري البرامج" بتنزيل لقطة شاشة للعقدة المحددة.

    نتيجة الأمر "التقاط لقطة شاشة للعقدة"

    الشكل 4. نتيجة الأمر Capture node screenshot

تمييز شبكة CSS

لعرض شبكة CSS التي تؤثر في أحد العناصر، مرِّر مؤشر الماوس فوق عنصر في شجرة DOM في لوحة العناصر. ويظهر حد متقطع حول كل عنصر من عناصر الشبكة. لا يعمل هذا الإجراء إلا عند تطبيق display:grid على العنصر المحدّد أو العنصر الرئيسي للعنصر المحدّد.

تمييز شبكة CSS

الشكل 5. تمييز شبكة CSS

شاهد الفيديو أدناه للتعرّف على أساسيات CSS Grid في أقل من دقيقتين.

واجهة برمجة تطبيقات جديدة للاستعلام عن عناصر الذاكرة

يمكنك استدعاء queryObjects(Constructor) من وحدة التحكم لعرض مصفوفة من الكائنات التي تم إنشاؤها باستخدام الدالة الإنشائية المحددة. مثلاً:

  • queryObjects(Promise). يعرض كل الوعود.
  • queryObjects(HTMLElement). تعرض جميع عناصر HTML.
  • queryObjects(foo)، حيث foo هو اسم دالة. تعرض جميع الكائنات التي تم إنشاء مثيلها عبر new foo().

نطاق queryObjects() هو سياق التنفيذ المحدّد حاليًا في وحدة التحكّم. يُرجى الاطّلاع على اختيار سياق التنفيذ.

الفلاتر الجديدة في Play Console

تتيح وحدة التحكّم الآن الفلاتر السلبية وعناوين URL.

الفلاتر السلبية

اكتب -<text> في المربّع فلتر لفلترة أي رسالة وحدة تحكُّم تتضمن <text>.

مثال على 3 رسائل ستتم فلترتها

الشكل 6. تسجِّل العبارة الأولى one وtwo وthree وfour في وحدة التحكّم. two مخفية بسبب إدخال -two في مربّع الفلتر

تعمل "أدوات مطوري البرامج" على فلترة الرسالة في حال العثور على "<text>":

  • في نص الرسالة
  • في اسم الملف الذي نشأت منه الرسالة.
  • في نص تتبع تسلسل استدعاء الدوال البرمجية.

ويعمل الفلتر السلبي أيضًا مع التعبيرات العادية مثل -/[4-5]*ms/.

فلاتر عناوين URL

اكتب url:<text> في مربّع فلتر لتعرض فقط الرسائل التي نشأت من نص برمجي يتضمن عنوان URL الخاص به <text>.

يستخدم الفلتر مطابقة ضبابية. إذا ظهرت <text> في أي مكان في عنوان URL، ستعرض "أدوات مطوري البرامج" الرسالة.

مثال على فلترة عناوين URL

الشكل 7. استخدام فلترة عناوين URL لعرض الرسائل التي تنشأ من النصوص البرمجية التي يتضمن عنوان URL الخاص بها hymn فقط. وبتمرير مؤشر الماوس فوق اسم النص البرمجي، يمكنك معرفة أن اسم المضيف يتضمن هذا النص

عمليات استيراد HAR في لوحة "الشبكة"

اسحب ملف HAR وأفلِته في لوحة الشبكة لاستيراده.

استيراد ملف HAR

الشكل 8. استيراد ملف HAR

موارد ذاكرة التخزين المؤقت القابلة للمعاينة في لوحة التطبيق

انقر على صف في جدول مساحة التخزين في ذاكرة التخزين المؤقت لمشاهدة معاينة لذلك المورد أسفل الجدول.

معاينة مورد ذاكرة التخزين المؤقت

الشكل 9. معاينة مورد ذاكرة التخزين المؤقت

المزيد من تصحيح أخطاء ذاكرة التخزين المؤقت المتجاوبة

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

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

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

تغطية الرموز على مستوى الحظر

في الإصدار 61 من Chrome والإصدارات الأقدم، تشير علامة التبويب التغطية إلى كل الرموز البرمجية داخل الدالة على أنّها مُستخدمة، طالما يتم استدعاء الدالة.

مثال على علامة تبويب &quot;التغطية&quot; في Chrome 61

الشكل 10. مثال على علامة التبويب التغطية في Chrome 61. تم وضع علامة على السطر 4 أنه قيد الاستخدام، على الرغم من أنه لا يتم تنفيذه أبدًا

بدءًا من الإصدار 62 من Chrome، ستخبرك علامة التبويب التغطية الآن بالرمز الذي يتم استدعاؤه ضمن إحدى الدوال.

مثال على علامة تبويب &quot;التغطية&quot; في Chrome 62

الشكل 11. مثال على علامة التبويب التغطية في Chrome 62. السطر 4 هو غير مستخدَم

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

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

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

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

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

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من Chrome

الإصدار 118 من Chrome

الإصدار 117 من Chrome

الإصدار 116 من Chrome

الإصدار 115 من Chrome

الإصدار 114 من Chrome

الإصدار 113 من Chrome

الإصدار 112 من Chrome

الإصدار 111 من Chrome

الإصدار 110 من Chrome

الإصدار 109 من Chrome

الإصدار 108 من Chrome

الإصدار 107 من Chrome

الإصدار 106 من Chrome

الإصدار 105 من Chrome

الإصدار 104 من Chrome

الإصدار 103 من Chrome

الإصدار 102 من Chrome

الإصدار 101 من Chrome

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

الإصدار 82 من Chrome

تم إلغاء الإصدار 82 من Chrome.

الإصدار 81 من Chrome

الإصدار 80 من Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome