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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

مشكلة في Chromium: ‏ 362672528

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

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

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

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

مشكلة Chromium: 361717594

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

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

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

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

قبل إضافة خيار الإكمال التلقائي لميزات "text-emphasis-*" وبعدها

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

لإيقاف المظهر الديناميكي، أزِل العلامة من المربّع بجانب الإعدادات > الإعدادات المفضّلة > المظهر > مطابقة مخطط ألوان 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"

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

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

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