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

Jecelyn Yeen

تصحيح أخطاء اللون عالي الدقة باستخدام جزء الأنماط

ستتوفر أنواع ألوان ومساحات CSS جديدة على الويب. من المثير أيضًا أنّ "أدوات مطوري البرامج" وفّرت أدوات جديدة لمساعدة المطوّرين على إنشاء الألوان العالية الدقة وتحويلها وتصحيح الأخطاء فيها.

أصبح جزء الأنماط يتيح الآن 12 مساحة لون جديدة و7 سلاسل زمنية جديدة كما هو موضّح في مواصفات مستوى ألوان CSS 4. يمكنك الاطّلاع على دليل ألوان CSS بدرجة الدقة العالية للتعرّف بشكل شامل على خيارات الألوان المتاحة على الويب.

في ما يلي أمثلة على تعريفات ألوان CSS باستخدام color() وlch() وoklab() وcolor-mix().

عند استخدام الدالة color-mix()، يمكنك الاطّلاع على ناتج اللون النهائي في لوحة حوسبة.

تتيح أداة اختيار الألوان كل مساحات الألوان الجديدة مع المزيد من الميزات. على سبيل المثال، انقر على عينات الألوان color(display-p3 1 0 1). تمت أيضًا إضافة خط حدودي لمجموعة البيانات، للتمييز بين سلاسل البيانات sRGB وdisplay-p3 للحصول على فهم أوضح للسلسلة اللونية للون الذي اخترته.

تتيح "أدوات مطوري البرامج" تحويل الألوان بين تنسيقات الألوان. يمكنك استخدام رمز تغيير تنسيق اللون للوصول إلى النافذة المنبثقة للإحالة الناجحة، أو النقر على Shift+ النقر على عيّنات الألوان في لوحة الأنماط.

عند إجراء الإحالة الناجحة، من المهم معرفة ما إذا تم اقتصاص الإحالة الناجحة لتناسب المساحة. تضع "أدوات مطوّري البرامج" رمز تحذير بجانب اللون الذي تم تحويله لتنبيهك بهذا الاقتصاص.

بالإضافة إلى ذلك، يمكنك اختيار الألوان من شاشتك باستخدام الاختصار الجديد. اضغط على "c" لتفعيل أداة اختيار الألوان والضغط على Escape لإيقافها. تجمع أداة اختيار الألوان فقط الألوان في مساحة ألوان sRGB. على سبيل المثال، إذا حاولت استخدام عيّنة من اللون color(display-p3 1 0 1)، خارج مساحة ألوان sRGB، فستقوم أداة القطارة باقتصاص اللون إلى أقرب لون في مساحة sRGB، وهو اللون الأرجواني color(display-p3 0.92 0.2 0.97).

وأخيرًا، تم إيقاف إعداد تنسيق الألوان لتوفير مساحة للألوان العالية الدقة الجديدة.

مشاكل Chromium: 1073895، 1395782، 1408777 و1395782 و1392717 و1382409 و1392054

تجربة مستخدم محسَّنة لنقطة إيقاف

تتيح لك لوحة نقاط الإيقاف المُعاد تصميمها الوصول بسرعة إلى الميزات الشائعة الاستخدام، لا سيما ميزات إيقاف نقاط الإيقاف وتعديلها وإزالتها.

وفي ما يلي بعض الميزات المهمة: - تم نقل خيارَي استثناء الإيقاف المؤقت إلى لوحة نقاط التوقف وتصنيفهما بنص لجعلهما أكثر وضوحًا.

• يتم تجميع نقاط الإيقاف حسب الملف، وترتيبها حسب أرقام الأسطر أو الأعمدة، وتكون قابلة للتصغير.

• تتوفّر خيارات جديدة لإيقاف نقاط الإيقاف وإزالتها وتعديلها عند التمرير فوق نقطة فاصلة أو ملف.

• انقر على زر تعديل نقطة الإيقاف لفتح محرِّر نقاط الإيقاف. من هنا، يمكنك إدخال شرط نقطة الإيقاف أو التبديل إلى نقطة تسجيل.

راجِع مرجع تصحيح أخطاء JavaScript للتعرّف على كيفية تصحيح الأخطاء باستخدام "أدوات مطوري البرامج".

مشاكل Chromium: 1407586 و1402891 و1402893

اختصارات تطبيق "المسجّلة الذكية" القابلة للتخصيص

استخدِم اختصارات لوحة المفاتيح لتسجيل مسارات المستخدمين وإعادة تشغيلها بشكل أسرع.

تقدِّم المسجّلة الذكية بعض اختصارات لوحة المفاتيح الملائمة لتسجيل مسارات المستخدمين وإعادة تشغيلها بشكل أسرع.

ألا تتذكر الاختصارات؟ لا توجد مشكلة، انقر على الزر ? لعرض جميع الاختصارات في أي وقت.

يمكنك أيضًا تخصيص هذه الاختصارات عبر قائمة الإعدادات.

إذا كنت تعمل في لوحة مختلفة وتريد بدء تسجيل تدفق المستخدم، استخدِم الأمر إنشاء تسجيل جديد من قائمة الأوامر في "أدوات مطوري البرامج" للبدء.

مشكلة Chromium: 1339771

إبراز بنية أفضل في Angular

حسّنت أدوات مطوّري البرامج ميزة تمييز البنية لنماذج Angular HTML، ما يسهِّل عليك قراءة الرمز البرمجي والتعرّف على بنيته.

مشاكل Chromium: 1385374 و1385678

إعادة تنظيم ذاكرات التخزين المؤقت في لوحة التطبيق

يمكن الآن العثور على جزء مساحة التخزين في ذاكرة التخزين المؤقت في قسم مساحة التخزين في لوحة التطبيق، بينما تم نقل لوحة التخزين المؤقت للصفحات إلى قسم خدمات الخلفية.

مشكلة Chromium: 1407166

معلومات متنوعة

في ما يلي بعض الإصلاحات البارزة في هذا الإصدار:

• تم تعديل "أدوات مطوري البرامج" لمراعاة الإعداد إيقاف ذاكرة التخزين المؤقت عند تحميل خرائط المصدر. (1407084)
• أصبحت الآن لوحة العناصر تركّز تلقائيًا على أول عنصر مطابق في نتائج البحث. (1381853)
• إصلاحات متنوعة لتحسين موثوقية خريطة المصادر وموثوقية نقاط الإيقاف (508270 و1403362 و1403432 و1396298 و1395337 و1405134)
• لتسهيل تصحيح الأخطاء، تتيح "أدوات مطوري البرامج" الآن تقييم التعبيرات التي يشاركها أعضاء الصف الخاص. (1381806)

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

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

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

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

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

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

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