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

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

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

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

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

عند استخدام الدالة 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

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

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

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

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

يمكنك أيضًا تخصيص هذه الاختصارات في قائمة الإعدادات. تخصيص اختصارات تطبيق "المسجّلة الذكية"

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

مشكلة Chromium: 1339771

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

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

مشاكل Chromium: 1385374، 1385678

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

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

مشكلة Chromium: 1407166

ميزات متنوعة

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

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

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

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

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

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

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

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

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

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

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

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

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome