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

Kayce Basques

تسرّنا عودتك. تشمل الميزات الجديدة التي سيتم طرحها في "أدوات مطوري البرامج" في Chrome 64 ما يلي:

• أداة مراقبة الأداء: يمكنك الاطّلاع على أداء الصفحة في الوقت الفعلي.
• الشريط الجانبي لوحدة التحكّم: تقليل التشويش في وحدة التحكّم والتركيز على الرسائل التي تهمّك
• تجميع الرسائل المتشابهة في وحدة التحكّم: تجمع وحدة التحكّم الآن الرسائل المتشابهة معًا تلقائيًا.

يُرجى قراءة ملاحظات الإصدار هذه أو مشاهدة نسخة الفيديو منها أدناه.

أداة مراقبة الأداء

استخدِم أداة مراقبة الأداء لإلقاء نظرة في الوقت الفعلي على الجوانب المختلفة لتحميل الصفحة أو أداء بيئة التشغيل، بما في ذلك:

• استخدام وحدة المعالجة المركزية (CPU).
• حجم الذاكرة المؤقتة في JavaScript
• إجمالي عدد عُقد DOM وأجهزة معالجة أحداث JavaScript والمستندات والإطارات على الصفحة.
• التخطيطات وعمليات إعادة احتساب الأنماط في الثانية.

إذا أبلغ المستخدمون عن بطء تطبيقك أو تدهور أدائه، يُرجى الرجوع إلى أداة مراقبة الأداء لمعرفة الأخرى.

سبب أهمية أداء التحميل: حققت BookMyShow زيادة بنسبة 80% في الإحالات الناجحة عندما صممت تطبيق ويب تقدّمي يركّز على السرعة مزيد من المعلومات

لاستخدام أداة مراقبة الأداء:

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

2. ابدأ الكتابة Performance ثم اختر Show Performance Monitor.

   الشكل 1. تشير رسالة الأشكال البيانية أداة مراقبة الأداء

3. انقر على مقياس معيّن لإظهاره أو إخفائه. في الشكل 1، يظهر استخدام وحدة المعالجة المركزية (CPU) وحجم كومة العناصر في JavaScript وJS. يتم عرض الرسوم البيانية لأدوات معالجة الأحداث.

ميزات ذات صلة:

• لوحة الأداء تعامل مع رحلة المستخدم الهامة وسجل كل ما يحدث على الصفحة، بما في ذلك نشاط JavaScript وطلبات الشبكة واستخدام وحدة المعالجة المركزية (CPU) وغير ذلك الكثير. يمكن أيضًا أن تكون يُستخدم لتحليل أداء التحميل. مزيد من المعلومات
• لوحة عمليات التدقيق. يمكنك إجراء مجموعة من اختبارات الأداء تلقائيًا في نظام التحميل والتشغيل على أي عنوان URL. مزيد من المعلومات

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

الشريط الجانبي لوحدة التحكّم

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

الشكل 2. استخدام الشريط الجانبي لوحدة التحكم لعرض رسائل الخطأ فقط

يكون الشريط الجانبي لوحدة التحكم مخفيًا بشكل تلقائي. انقر على إظهار الشريط الجانبي لوحدة التحكّم. لعرضه.

ميزات ذات صلة:

• مربّع النص فلترة أدخل بعض النصوص ولن تعرض وحدة التحكم سوى الرسائل التي تتضمن ما يلي: النص. وتتيح أيضًا أنماط التعبير العادي والفلاتر السلبية وفلاتر عناوين URL.

تجميع الرسائل المشابهة في Console

تجمع وحدة التحكّم الآن الرسائل المتشابهة معًا تلقائيًا. على سبيل المثال، في الشكل 3 هناك 27 تكرار الرسالة [Violation] Avoid using document.write().

الشكل 3. مثال على وحدة التحكّم لتجميع الرسائل المتشابهة معًا

انقر على مجموعة لتوسيعها والاطّلاع على كل مثيل للرسالة.

الشكل 4. مثال على مجموعة موسّعة من رسائل Console

أزِل العلامة من مربّع الاختيار مجموعة مشابهة لإيقاف هذه الميزة.

ميزات ذات صلة:

• يمكنك تجميع رسائلك الخاصة في وحدة التحكّم باستخدام console.group().

عمليات التجاوز المحلية

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

يتم شحن هذه الميزة في Chrome 65، وسيتم توفيرها بعد 6 أسابيع تقريبًا من الإصدار Chrome 64. التحقُّق من الإجابة للاطّلاع على مزيد من المعلومات حول عمليات التجاوز المحلي، إذا كنت تستخدم نظام التشغيل Windows أو Mac، يمكنك تجربة Chrome 65 الآن من خلال نزِّل Chrome Canary.

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

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

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

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

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

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

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