الميزات الجديدة في أدوات مطوّري البرامج (Chrome 95)

Jecelyn Yeen
Jecelyn Yeen

أدوات كتابة طول CSS الجديدة

أضافت أدوات مطوّري البرامج طريقةً أسهل وأكثر مرونة لتعديل الأطوال في CSS.

في لوحة الأنماط، ابحث عن أيّ خاصية CSS ذات طول (مثل height وpadding).

مرِّر مؤشر الماوس فوق نوع الوحدة، ولاحظ وجود خط تحت نوع الوحدة. انقر عليها لاختيار نوع وحدة من القائمة المنسدلة.

مرِّر مؤشر الماوس فوق قيمة الوحدة، وسيتغيّر مؤشر الماوس إلى مؤشر أفقي. اسحب شريط التمرير أفقيًا لزيادة القيمة أو تقليلها. لضبط القيمة بمقدار 10، اضغط مع الاستمرار على مفتاح Shift عند السحب.

سيظل بإمكانك تعديل قيمة الوحدة كنص، ما عليك سوى النقر على القيمة وبدء التعديل.

مشاكل Chromium: 1126178 و1172993

إخفاء المشاكل في علامة التبويب "المشاكل"

يمكنك الآن إخفاء مشاكل معيّنة في علامة التبويب "المشاكل" للتركيز فقط على المشاكل التي تهمّك.

في علامة التبويب "المشاكل"، مرِّر مؤشر الماوس فوق المشكلة التي تريد إخفاءها. انقر على خيارات إضافية   المزيد   > إخفاء المشاكل المشابهة.

إخفاء قائمة المشاكل

ستتم إضافة جميع المشاكل المخفية ضمن لوحة المشاكل المخفية. وسِّع اللوحة. يمكنك إظهار جميع المشاكل المخفية أو مشكلة محدّدة.

لوحة المشاكل المخفية

مشكلة Chromium: 1175722

تحسين عرض المواقع

تحسِّن "أدوات المطوّر" عرض المواقع من خلال:

  • احرص دائمًا على تمييز المواقع الإلكترونية التي تملكها بخط غامق وترتيبها أولاً في وحدة التحكّم ولوحة المصادر ولوحة المواقع.
  • اضغط على زر تسطيح عرض السمات في لوحة السمات.

على سبيل المثال، ينشئ المقتطف أدناه عنصر URL link يتضمّن سمتَين خاصتَين به: user وaccess، ويُعدّل قيمة سمة مكتسَبة search.

/* example.js */

const link = new URL('https://goo.gle/devtools-blog');

link.user = { id: 1, name: 'Jane Doe' };
link.access = 'admin';
link.search = `?access=${link.access}`;

حاوِل تسجيل الدخول link في وحدة التحكّم. تظهر المواقع الإلكترونية التي تملكها الآن بخط عريض ويتم ترتيبها أولاً. تسهِّل هذه التغييرات العثور على المواقع المخصّصة، خاصةً لواجهات برمجة تطبيقات الويب (مثل URL) التي تتضمّن العديد من المواقع المُكتسَبة.

تظهر المواقع التي تملكها بخط عريض ويتم ترتيبها أولاً.

بالإضافة إلى هذه التغييرات، يتم أيضًا تبسيط السمات في لوحة الخصائص الآن من أجل تحسين تجربة تصحيح أخطاء مواقع DOM، خاصةً لمكوّنات الويب.

تسطيح السمات

مشاكل Chromium: 1076820 و1119900

Lighthouse 8.4 في لوحة Lighthouse

تعمل لوحة Lighthouse الآن على إصدار Lighthouse 8.4. سترصد أداة Lighthouse الآن ما إذا كان عنصر سرعة عرض أكبر محتوى مرئي (LCP) هو صورة ذات تحميل كسول، وتقترح إزالة السمة loading منه.

يمكنك مراجعة الميزات الجديدة في Lighthouse 8.4 للاطّلاع على مزيد من التفاصيل حول التعديلات.

تدقيق LCP الكسول في تقرير Lighthouse

مشكلة Chromium: 772558

ترتيب المقتطفات في لوحة "المصادر"

يتم الآن ترتيب المقتطفات في لوحة المقتطفات ضمن لوحة المصادر أبجديًا. في السابق، لم يتم فرزها.

يمكنك استخدام ميزة المقتطفات لتشغيل الأوامر بشكل أسرع. شاهِد هذا الفيديو للحصول على نصيحة.

ترتيب المقتطفات في لوحة "المصادر"

مشكلة Chromium: 1243976

روابط جديدة لملاحظات الإصدار المترجَمة والإبلاغ عن خطأ في الترجمة

يمكنك الآن النقر لقراءة ملاحظات إصدار "أدوات مطوري البرامج" بـ 6 لغات أخرى: الروسية والصينية والإسبانية واليابانية والبرتغالية والكورية من خلال علامة التبويب "الميزات الجديدة".

منذ الإصدار 94 من Chrome، يمكنك ضبط لغتك المفضّلة في "أدوات مطوّري البرامج". إذا واجهت أي مشاكل في الترجمة، يمكنك مساعدتنا في تحسينها من خلال الإبلاغ عن مشكلة في الترجمة من خلال المزيد من الخيارات > المساعدة > الإبلاغ عن خطأ في الترجمة.

روابط جديدة لملاحظات الإصدار المترجَمة والإبلاغ عن خطأ في الترجمة

مشاكل Chromium: 1246245 و1245481

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

هل واجهت صعوبة في البحث عن ملف في قائمة الأوامر؟ لدينا أخبار سارّة لك، تم تحسين واجهة مستخدم قائمة الأوامر.

افتح قائمة الأوامر للبحث عن ملف باستخدام اختصار لوحة المفاتيح Control+P في نظامَي التشغيل Windows وLinux أو Command+P في نظام التشغيل MacOS.

لا تزال تحسينات واجهة المستخدم في قائمة الأوامر جارية، لذا يُرجى متابعتنا للحصول على المزيد من المعلومات.

قائمة الأوامر

مشكلة Chromium: 1201997

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

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

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

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

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

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