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

Sofia Emelianova

تحسينات على لوحة الشبكة

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

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

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

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

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

يُرجى إطلاعنا على رأيك بالتصميم المُعاد تصوره.

مشكلة في Chromium: ‏ 362672528

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

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

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

مشكلة Chromium: 361717594

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

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

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

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

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

مشكلة في Chromium: 361471205

يتم تمييز أجزاء المحتوى التي لا تظهر في الشاشة بشارة.

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

مشكلة في 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 وأعِد تحميل "أدوات المطوّر".

مشكلة Chromium: 328472696

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

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

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

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

Lighthouse 12.2.1

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

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

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

مشكلة Chromium: ‏ 772558

لحظات مميّزة متنوعة

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

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

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

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

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

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

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

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

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