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

Sofia Emelianova

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

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

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

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

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

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

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

مشكلة في Chromium: 362672528.

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

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

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

مشكلة في Chromium: 361717594

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

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

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

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

• text-emphasis اختصار
• text-emphasis-style
• text-emphasis-color
• text-emphasis-position

مشكلة في 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.

لإيقاف ميزة "تغيير المظهر ديناميكيًا"، عليك محو الإعدادات الإعدادات > الإعدادات المفضّلة > المظهر > check_box_outline_blank مطابقة نظام ألوان 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 أو قناة مطوّري البرامج أو القناة التجريبية كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.

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

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

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

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

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