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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

إعادة تصميم فلاتر الشبكة

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

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

قبل وبعد نقل الفلاتر المرتبطة بالإخفاء والحظر والجهات الخارجية إلى قائمة منسدلة

لإعادة تصميم الفلتر القديم، امحِ الإعدادات > التجارب > إعادة تصميم شريط الفلتر في "لوحة الشبكة".

يسرّنا معرفة رأيك في التصميم الجديد.

مشكلة في Chromium: 362672528.

عمليات تصدير ملفات HAR تستبعد الآن البيانات الحسّاسة تلقائيًا

للحدّ من فرص تسرُّب المعلومات الحسّاسة عن طريق الخطأ، لن يحتوي سجلّ الشبكة الذي يتم تصديره بتنسيق HAR على العناوين Cookie وSet-Cookie وAuthorization تلقائيًا.

لتصدير السجلّات بتنسيق HAR مع البيانات الحسّاسة، فعِّل الإعدادات > الإعدادات المفضّلة > الشبكة > السماح بإنشاء ملفات بتنسيق HAR مع البيانات الحسّاسة. ستضع لوحة الشبكة علامة سهم على زر تصدير. انقر مع الاستمرار على الزرّ واختَر تصدير سجلّ HAR (مع بيانات حسّاسة) من القائمة المنسدلة.

قبل وبعد إضافة خيارات التصدير مع البيانات الحسّاسة وبدونها إلى عملية تصدير HAR

مشكلة في Chromium: 361717594.

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

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

قيم الإكمال التلقائي لخصائص text-emphasis-*

تقترح ميزة الإكمال التلقائي في علامة التبويب الأنماط الآن قيمًا لخصائص CSS التالية:

قبل وبعد إضافة خيار الإكمال التلقائي للسمات text-emphasis-*‎.

مشكلة في Chromium: 361471205.

تمييز حالات تجاوز الحد الأقصى لعدد الأحرف في شريط التمرير باستخدام شارة

تعرض لوحة العناصر الآن شارة "تمرير" جديدة بجانب العناصر التي تحتوي على محتوى فائض وتتضمّن overflow: scroll أو overflow: auto، ما يتيح لك رصد المحتوى الفائض الذي يتطلّب التمرير بسهولة. وكما هو الحال مع الشارات الأخرى، تعكس هذه الشارة نموذج المستند الحالي وتختفي إذا توقف المحتوى عن تجاوز الحجم المحدّد، مثلاً بسبب تغيير في الحجم.

قبل وبعد وضع علامة على عمليات التمرير الزائد باستخدام شارة

مشكلة في Chromium: 40670442.

لا يتم "نقل" التصريحات المجردة إلى الأعلى بعد القواعد المتداخلة

بعد قرار "فريق عمل CSS" بالسماح بظهور الإعلانات المجردة بعد القواعد المتداخلة، لم تعُد علامة التبويب الأنماط "ترفع" هذه الإعلانات أثناء التحليل.

في نموذج التعليمات البرمجية التالي، لن يؤدي البيان المجرد بعد القاعدة المتداخلة إلى إعادة ترتيب الأنماط بشكل غير متوقع في التتالي في Chrome:

p {
  width: 100px;
  height: 100px;
  @media screen {
    background-color: red;
  }

  background-color: green;
}

قبل وبعد السماح بظهور التعريفات المجردة بعد القواعد المتداخلة

مشكلة في Chromium: 358119261.

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

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

الاقتراحات في "مقاييس الأداء المباشرة"

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

للحصول على اقتراحات، عليك إعداد عملية استرجاع بيانات الاستخدام الفعلي من تقرير تجربة المستخدم على Chrome (أو CrUX) وتوسيع قسم مراعاة ظروف الاختبار المحلية في كل بطاقة مقياس (إن وُجدت) ومراعاة بيئات المستخدمين الفعليين في إعدادات البيئة.

أقسام موسّعة تتضمّن اقتراحات

اتّبِع الاقتراحات لتقريب تجربة المستخدمين.

يمكنك الآن التنقّل بين أشرطة التنقّل في المخطط الزمني لتسجيل الأداء: "التنقّل" ذهابًا وإيابًا بين أشرطة التنقّل، والكتابة فوق شريط تنقّل ثانوي، وإزالة عدة أشرطة تنقّل ثانوية. في السابق، عند اختيار جزء من مسار التنقّل الرئيسي، كانت الأجزاء الفرعية تختفي.

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

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

ملف شخصي جديد باسم "العناصر المنفصلة"

تتضمّن لوحة الذاكرة نوعًا جديدًا من الملفات الشخصية، وهو العناصر المنفصلة. تعرض الكائنات التي يحتفظ بها مرجع JavaScript.

قبل وبعد إضافة نوع الملف التعريفي "العناصر المنفصلة" إلى لوحة "الذاكرة"

رقم المشكلة في Chromium: 350519222.

تحسين تسمية عناصر JavaScript العادية

لتنظيم فئة Object وإزالة العناصر غير الضرورية منها في لقطات العناصر المتعدّدة، أصبحت كائنات JavaScript العادية الآن:

  • يتم تسميتها استنادًا إلى الخصائص التي تحتوي عليها، مثل {firstProperty, secondProperty, ..., *nthProperty}.
  • يمكن البحث عنها باستخدام هذه الأسماء التي تنشئها "أدوات مطوّري البرامج".
  • يتم تجميعها معًا إذا كانت تتضمّن الخصائص نفسها.

قبل وبعد تنظيم فئة "الكائن" في لقطات الذاكرة المؤقتة.

رقم المشكلة في Chromium: 350519222.

إيقاف المظهر الديناميكي

يمكنك الآن إيقاف المطابقة التلقائية لألوان "أدوات مطوّري البرامج" مع ألوان المظهر المخصّص في Chrome.

لإيقاف ميزة "تغيير المظهر ديناميكيًا"، عليك محو الإعدادات > الإعدادات المفضّلة > المظهر > مطابقة نظام ألوان Chrome وإعادة تحميل "أدوات مطوّري Chrome".

صورة قبل إيقاف ميزة "السمة الديناميكية" وبعد إيقافها

مشكلة في Chromium: 328472696.

تجربة Chrome: مشاركة العمليات

عادةً، عند فتح علامات تبويب متعددة من الموقع الإلكتروني نفسه (مثل مستندات Google)، ينشئ Chrome عملية عرض منفصلة لكل علامة تبويب. تغيّر تجربة مشاركة العمليات ذلك من خلال السماح لعلامات تبويب متعددة بمشاركة عملية العرض نفسها لتحسين الأداء.

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

شريط المعلومات "تشارِك علامة التبويب هذه الموارد مع علامات تبويب أخرى..."

يمكن أن تؤثّر مشاركة العمليات في تصحيح الأخطاء عند نقاط التوقّف وتحليل الأداء. لمزيد من المعلومات، يُرجى الاطّلاع على تجربة Chrome: مشاركة العمليات.

الإصدار 12.2.1 من Lighthouse

تعمل لوحة Lighthouse الآن بالإصدار 12.2.1 من Lighthouse.

يتضمّن هذا التحديث < 20 KB حدًا أدنى للتجاهل لاقتراحات ضغط الموارد لمساعدتك في التركيز فقط على عمليات تقليل حجم الملفات المهمة. الاطّلاع على قائمة التغييرات الكاملة

للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوّري البرامج"، يمكنك الاطّلاع على Lighthouse: تحسين سرعة الموقع الإلكتروني.

مشكلة في Chromium: 772558.

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

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

  • العناصر:
    • تم إجراء إصلاحات متعددة لتعديل CSS المتداخل (41486635 و361477264 و328263458 و41487826).
    • تم إصلاح مشكلة تحليل السمات المخصّصة ذات القيمة الفارغة والمحدّدة على أنّها غير محدّدة (365578428).
  • وحدة التحكّم: تم إصلاح علامة العطف غير المضمّنة في السلاسل المتعددة الأسطر في أوامر cURL (352651673).
  • الذاكرة: تم إصلاح الاختيار التلقائي في الصفحات التي تتضمّن برامج الخدمة، وتم الآن اختيار سلسلة التعليمات الرئيسية (40669896).
  • الأمان: يتم الآن تعديل تمييز مخطط عنوان URL بشكل صحيح عند تغيُّر مرحلة الأمان الخاصة بالمصدر (359920086).

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

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

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

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

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

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