الميزات الجديدة في أدوات مطوّري البرامج (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

Lighthouse 8.4 في لوحة Lighthouse

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

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

مشكلة Chromium: 772558

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

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

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

مشكلة Chromium: 1243976

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

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

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

مشاكل Chromium: 1246245 و1245481

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

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

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

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

مشكلة Chromium: 1201997

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

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

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

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

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

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

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