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

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

الإصدار 8.4 من Lighthouse في لوحة 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

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

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

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

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

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

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