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

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

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

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

يمكنك استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو مناقشة أي معلومات أخرى متعلّقة بـ "أدوات مطوري البرامج".

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

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

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