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

Jecelyn Yeen

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

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

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

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

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

تتيح أداة اختيار الألوان كل مساحات الألوان الجديدة مع المزيد من الميزات. على سبيل المثال، انقر على عينات الألوان 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، ما يسهِّل عليك قراءة الرمز البرمجي والتعرّف على بنيته. تمييز بناء الجملة لنماذج HTML Angular.

مشاكل Chromium: 1385374 و1385678

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

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

مشكلة Chromium: 1407166

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

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

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

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

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

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

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

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

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

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