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

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

نسخة الفيديو لملاحظات الإصدار هذه

عرض مقاييس الأداء

بعد تسجيل تحميل صفحة، تضع "أدوات مطوري البرامج" الآن علامة على مقاييس الأداء، مثل DOMContentLoaded وسرعة عرض أوّل مغزى (First Meaningful Paint) في قسم التوقيتات.

"سرعة عرض أوّل محتوى مفيد على الصفحة" في قسم "التوقيت"

الشكل 1. "سرعة عرض أوّل محتوى مفيد على الصفحة" في قسم "التوقيت"

تمييز العُقد النصية

عند تمرير مؤشر الماوس فوق عقدة نصية في شجرة نموذج العناصر في المستند (DOM)، تُميِّز أدوات مطوّري البرامج الآن العقدة النصية هذه في إطار العرض.

تمييز عقدة نصية

الشكل 2. تمييز عقدة نصية

نسخ مسار JavaScript

لنفترض أنّك تكتب اختبارًا آليًا يتضمّن النقر على عقدة (ربما باستخدام دالة page.click() من Puppeteer) وتريد بسرعة الحصول على مرجع لعقدة DOM هذه. يتمثّل سير العمل المعتاد في الانتقال إلى لوحة "العناصر"، والنقر بزر الماوس الأيمن على العقدة في شجرة نموذج العناصر (DOM)، واختيار نسخ > نسخ أداة الاختيار، ثم تمرير أداة اختيار لغة CSS هذه إلى document.querySelector(). ولكن إذا كانت العقدة في Shadow DOM، لن تنجح هذه الطريقة لأنّ المحدّد ينتج عنها مسار من داخل شجرة الظل.

للحصول بسرعة على مرجع إلى عقدة DOM، انقر بزر الماوس الأيمن على عقدة DOM واختَر نسخ > نسخ مسار JS. تنسخ "أدوات مطوري البرامج" إلى الحافظة تعبير document.querySelector() يشير إلى العقدة. كما ذكرنا أعلاه، يكون ذلك مفيدًا بشكل خاص عند العمل باستخدام Shadow DOM، ولكن يمكنك استخدامه لأي عقدة DOM.

نسخ مسار JavaScript

الشكل 3. نسخ مسار JavaScript

تنسخ "أدوات مطوري البرامج" تعبيرًا مثل التعبير أدناه إلى الحافظة:

document.querySelector('#demo1').shadowRoot.querySelector('p:nth-child(2)')

تعديلات لوحة عمليات التدقيق

تستخدم لوحة "التدقيق" الآن Lighthouse 3.2. يتضمن الإصدار 3.2 عملية تدقيق جديدة يُسمى مكتبات JavaScript التي تم اكتشافها. تعرض عملية التدقيق هذه مكتبات JavaScript التي اكتشفتها أداة Lighthouse على الصفحة. يمكنك العثور على عملية التدقيق هذه في تقريرك ضمن أفضل الممارسات > عمليات التدقيق التي تم اجتيازها.

مكتبات JavaScript التي تم رصدها

الشكل 4. مكتبات JavaScript التي تم رصدها

يمكنك أيضًا الآن الوصول إلى لوحة "عمليات التدقيق" من قائمة الأوامر عن طريق كتابة Lighthouse أو PWA.

كتابة "منارة" في قائمة الأوامر

الشكل 5. كتابة lighthouse في قائمة الأوامر

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

يمكنك استخدام 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