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

تظهر المواقع الإلكترونية بخط غامق ويتم ترتيبها أولاً.

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

خصائص التقسيم

مشاكل Chromium: 1076820، 1119900

Lighthouse 8.4 في لوحة Lighthouse

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

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

تدقيق LCP باستخدام التحميل الكسول في تقرير Lighthouse

مشكلة Chromium: 772558

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

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

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

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

مشكلة Chromium: 1243976

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

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

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

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

مشاكل Chromium: 1246245، 1245481

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

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

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

لا تزال التحسينات التي تم إجراؤها على واجهة المستخدم ضمن قائمة الطلبات جارية، تابِعنا باستمرار لمعرفة المزيد من الأخبار.

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

مشكلة Chromium: 1201997

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من متصفِّح Chrome

الإصدار 118 من متصفّح Chrome

الإصدار 117 من Chrome

الإصدار 116 من متصفّح Chrome

الإصدار 115 من متصفّح Chrome

الإصدار 114 من متصفّح Chrome

الإصدار 113 من متصفّح Chrome

الإصدار 112 من Chrome

الإصدار 111 من متصفّح Chrome

الإصدار 110 من متصفّح Chrome

الإصدار 109 من متصفِّح Chrome

الإصدار 108 من متصفِّح Chrome

107 Chrome

الإصدار 106 من متصفّح Chrome

105 Chrome

الإصدار 104 من متصفِّح Chrome

الإصدار 103 من متصفّح Chrome

الإصدار 102 من متصفّح Chrome

الإصدار 101 من متصفّح Chrome

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 82 من Chrome

تم إلغاء إصدار 82 من Chrome.

إصدار 81 من Chrome

80 Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome