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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

مشكلة في Chromium:‏ 362672528

استبعاد البيانات الحسّاسة تلقائيًا في عمليات تصدير سجلّات "إحصاءات الزيارات من Google"

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

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

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

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

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

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

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