الميزات الجديدة في "أدوات مطوّري البرامج" في الإصدار 138 من Chrome

Sofia Emelianova
Sofia Emelianova
GitHub

تحسينات على "لوحة الأداء"

يتضمّن هذا الإصدار العديد من التحسينات على لوحة الأداء.

المصادر المتصلة مُسبَقًا في إحصاء "شجرة اعتمادية الشبكة"

تعرض لك الآن الإحصاءات ضمن الأداء > الإحصاءات > شجرة التبعيات في الشبكة قائمة بالمصادر التي تم ربطها مسبقًا أو لم يتم ربطها، بالإضافة إلى المصادر المرشّحة للربط المسبق، إن وُجدت.

تتيح إشارات Preconnect لموقعك الإلكتروني إنشاء اتصالات مبكرة بالمصادر المهمة التابعة لجهات خارجية وتحسين سرعة تحميل الصفحة.

قبل إضافة المصادر المرتبطة مسبقًا والمصادر المرشّحة إلى إحصاء "شجرة اعتمادية الشبكة" وبعدها

لمزيد من المعلومات، يُرجى الاطّلاع على الاتصال مسبقًا بالمصادر المطلوبة.

مدتا استجابة الخادم وإعادة التوجيه في إحصاء "وقت الاستجابة لطلب المستند"

تعرض لك الآن إحصاءات الأداء > الإحصاءات > وقت استجابة طلب المستند وقت استجابة الخادم، وعدد عمليات إعادة التوجيه ووقت إعادة التوجيه، إن وُجدت.

مقارنة بين وقت استجابة الخادم قبل إضافة عمليات إعادة التوجيه وبعدها في إحصاء "وقت استجابة طلب المستند"

عمليات إعادة التوجيه في "ملخّص طلبات الشبكة"

تعرض لوحة الأداء الآن عناوين URL لعمليات إعادة التوجيه في الملخّص الخاص بطلبات الشبكة وفي تلميحات الأدوات.

قبل إضافة عناوين URL لإعادة التوجيه إلى "الملخّص" و"تلميحات الأدوات" لطلبات الشبكة وبعدها

مشكلة في Chromium: 402353313.

تقليل الضوضاء في تتبُّع الأداء

لن تعرض لوحة الأداء الآن الأحداث من الفئة compile في محرك JavaScript الإصدار 8. في السابق، كانت هذه الأحداث تتسبّب في الكثير من النفقات غير الضرورية والتشويش، وخاصةً الحدث compile code.

في ما يلي مقارنة بين بيانات التتبُّع قبل إزالة أحداث "تجميع الرمز" وبعدها.

إذا لاحظت أنّ بعض الأحداث المهمة بالنسبة إليك لم تعُد ظاهرة، يمكنك ترك ملاحظاتك في crbug.com/414330508.

تم إيقاف خيار "إيقاف عينات JavaScript" نهائيًا

تم إيقاف خيار إيقاف عينات JavaScript في الأداء > إعدادات عمليات الالتقاط وإزالته بسبب ندرة فائدته وانخفاض معدّل استخدامه.

قبل إزالة خيار "إيقاف عينات JavaScript" من "إعدادات الالتقاط" وبعد إزالته

مشكلة في Chromium: 414734883.

مَعلم دقة تحديد الموقع الجغرافي في "أدوات الاستشعار"

تتيح لك لوحة أجهزة الاستشعار الآن ضبط الدقة في محاكاة الموقع الجغرافي. بهذه الطريقة، يمكنك اختبار التعامل مع مستويات مختلفة من دقة نظام تحديد المواقع العالمي (GPS).

قبل إضافة المَعلمة "الدقة" إلى محاكاة الموقع الجغرافي في لوحة "أجهزة الاستشعار" وبعد إضافتها

مشكلة في Chromium: 40074843.

تحسينات على "لوحة العناصر"

يتضمّن هذا الإصدار عدة تحسينات على لوحة العناصر.

تصحيح أخطاء قيم CSS المعقّدة بسهولة أكبر

لمساعدتك في تصحيح أخطاء قيم CSS المعقّدة، تعرض لك علامة التبويب العناصر > الأنماط الآن في تلميح يظهر عند التمرير ما يلي:

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

تعرض تلميحات الأدوات سلاسل التعريفات في أسطر متعددة، سطر واحد لكل تعريف، ويمكنك توسيع العمليات الحسابية المعقدة وتمرير مؤشر الماوس فوق القيم لتمييز القيمة المحسوبة وتتبُّعها وصولاً إلى التعبير الأولي.

قبل وبعد إضافة تلميح أداة يتضمّن سلاسل تعريفات وعمليات حسابية معقّدة قابلة للتوسيع

مشكلة في Chromium: 396080529.

"الأنماط"" id="at-function" tabindex="-1">@function في "العناصر" > "الأنماط"

استعدادًا لإتاحة @function في Chrome، تربط علامة التبويب العناصر > الأنماط الآن أسماء الدوال المخصّصة بتعريفاتها في قسم مخصّص.

في ما يلي مثال على كيفية ربط اسم الدالة المخصّصة بالقسم المناسب قبل وبعد الربط.

تحسينات في "لوحة الشبكة"

يتضمّن هذا الإصدار عدة تحسينات على لوحة الشبكة.

فلتر واحد (has-request-header)

تتيح لوحة الشبكة الآن الفلتر has-request-header الذي يتيح لك الفلترة حسب اسم عنوان طلب معيّن.

قبل إضافة عامل التصفية "has-request-header" إلى "لوحة الشبكة" وبعد إضافته

مشكلة في Chromium: 397481040.

واجهة برمجة التطبيقات Direct Sockets في "تطبيقات الويب المعزولة"

في لوحة الشبكة، يمكنك الآن مراقبة حركة بيانات تطبيقات الويب المعزولة (IWA) من خلال TCPSocket وUDPSocket (في وضع الربط) وUDPSocket (في وضع الاتصال).

لتنفيذ ذلك، اختَر عملية ربط directscoket بجانب الطلبات العادية في الجدول، ثم اختَر رسالة في علامة التبويب الرسائل.

قبل وبعد إضافة إمكانية استخدام Direct Sockets في تطبيقات الويب المثبَّتة إلى "لوحة الشبكة"

توفّر تطبيقات الويب المعزولة (IWAs) نموذج أمان عالي الموثوقية لتطبيقات الويب. لمزيد من المعلومات، يُرجى الاطّلاع على البدء في استخدام تطبيقات الويب المعزولة وتجربة التطبيق التجريبي الذي يستخدم Direct Sockets API.

لمحات متنوّعة

في ما يلي بعض الإصلاحات والتحسينات الجديرة بالذكر في هذا الإصدار:

  • التطبيق > مساحة التخزين: تمت إزالة خيار Web SQL المتوقّف نهائيًا (crbug.com/412707590).
  • العناصر:
  • الشبكة: تمت إزالة عنوان HTTP ‏Referrer-Policy من الخيار النسخ كعملية جلب لأنّه عنوان استجابة للتحكّم في سلوك المتصفّح، وليس تعليمات من جهة العميل (crbug.com/413904896).
  • الأداء: تمت إزالة تحذيرات "المهمة الطويلة" من سلاسل العاملين لأنّها لا تحظر سلاسل المحادثات الرئيسية (crbug.com/40248589).
  • المشاكل التقارير الحالية:
    • في حال حظر أي موارد يُشتبه في أنّها تتتبّع المستخدمين
    • إجراءات الحدّ من التتبّع الارتدادي بغض النظر عمّا إذا كانت تصل إلى مساحة التخزين أثناء عملية إعادة التوجيه أم لا
  • تسهيل الاستخدام: يمكن الآن التركيز على العناصر التالية باستخدام لوحة المفاتيح في العناصر > الأنماط:

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

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

التواصل مع فريق Chrome DevTools

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر متعلّق بـ "أدوات مطوّري البرامج".

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

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