الميزات الجديدة في "أدوات مطوّري البرامج" في الإصدار 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 في تطبيقات الويب المثبَّتة إلى "لوحة الشبكة"

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

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

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

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

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

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

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

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

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

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