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

Kayce Basques

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

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

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

بعد تسجيل عملية تحميل صفحة، أصبح بإمكان "أدوات مطوري البرامج" الإشارة إلى مقاييس الأداء، مثل DOMContentLoaded وسرعة عرض أول محتوى مفيد على الصفحة، في قسم التوقيتات.

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

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

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

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

تمييز عقدة نص

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

نسخ مسار JavaScript

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

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

نسخ مسار JavaScript

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

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

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

إشعارات لوحة التدقيق

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

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

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

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

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

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome