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

Jecelyn Yeen

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

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

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

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

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

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

مشاكل Chromium: 1126178 و1172993

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

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

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

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

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

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

مشكلة في Chromium: 1175722

تحسين عرض الفنادق

تحسّن DevTools عرض الخصائص من خلال:

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

على سبيل المثال، ينشئ المقتطف أدناه عنصر 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 الآن بالإصدار 8.4 من Lighthouse. سيرصد Lighthouse الآن ما إذا كان عنصر سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) صورة تم تحميلها بشكل كسول، وسيقترح إزالة السمة loading منها.

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

عملية تدقيق LCP التي يتم تحميلها بشكل كسول في تقرير Lighthouse

مشكلة في Chromium: 772558

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

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

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

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

مشكلة في Chromium: 1243976

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

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

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

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

مشاكل Chromium: 1246245 و1245481

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

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

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

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

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

مشكلة في Chromium: 1201997

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

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

التواصل مع فريق Chrome DevTools

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

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

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