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

أدوات جديدة لكتابة طول 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 للاطّلاع على مزيد من التفاصيل حول التعديلات.

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

مشكلة 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.

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

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

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 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

الإصدار 100 من Chrome

الإصدار 99 من Chrome

الإصدار 98 من Chrome

الإصدار 97 من Chrome

الإصدار 96 من Chrome

الإصدار 95 من Chrome

الإصدار 94 من Chrome

الإصدار 93 من Chrome

الإصدار 92 من Chrome

الإصدار 91 من Chrome

الإصدار 90 من Chrome

الإصدار 89 من Chrome

الإصدار 88 من Chrome

الإصدار 87 من Chrome

الإصدار 86 من Chrome

الإصدار 85 من Chrome

الإصدار 84 من Chrome

الإصدار 83 من Chrome

الإصدار 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

الإصدار 68 من Chrome

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

الإصدار 64 من Chrome

الإصدار 63 من Chrome

الإصدار 62 من Chrome

الإصدار 61 من Chrome

الإصدار 60 من Chrome

الإصدار 59 من Chrome