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

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

ستتوفر أنواع ألوان ومساحات 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.

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

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

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