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

Sofia Emelianova
Sofia Emelianova

قسم جديد للخصائص المخصصة في العناصر > الأنماط

أصبحت لوحة العناصر متوافقة الآن مع @property CSS at-rule. فهي تتيح لك تحديد خصائص CSS المخصصة بشكل صريح وتسجيلها في ورقة أنماط دون تشغيل أي JavaScript.

لفحص الخصائص المخصَّصة المسجَّلة، في العناصر > الأنماط، مرِّر مؤشر الماوس فوق اسم الموقع واطّلِع على أوصافه في تلميح. في التلميح، انقر على الرابط لعرض الموقع المسجَّل في قسم "@property" القابل للتصغير.

مشاكل Chromium: 1471102 و1471103 و1471105.

المزيد من التحسينات على عمليات الإلغاء المحلية

لمواصلة إجراء التحسينات في الإصدار السابق، سيتم الآن تنفيذ ما يلي إجراءات الإلغاء المحلي:

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

    مربّع الحوار الذي ينقلك إلى الرمز الأصلي بدلاً من الملف المعيَّن للمصدر.

  • في لوحة الشبكة، يظهر عمود جديد باسم عمليات الإلغاء وفلتر has-overrides:[content|headers|yes|no] مقابل. للاطّلاع على العمود يتضمن عمليات إلغاء، انقر بزر الماوس الأيمن على رأس الجدول واختَره.

    تصفية قيمة "has-overrides:yes" في العمود "تحتوي على عمليات إلغاء".

  • في المصادر > عمليات الإلغاء، تم استبدال خيار القائمة حذف كل عمليات الإلغاء بالخيار حذف بسلوك دقيق.

    قبل وبعد استبدال خيار "حذف كل التجاوزات" بـ "الحذف"

كان خيار حذف كل عمليات الإلغاء السابق مربكًا لأنّه حذف فقط عمليات الإلغاء النشطة في الجلسة الحالية، والتي تم تمييزها برمز النقطة تم الحفظ. الأرجوانية.

يعرض الخيار حذف الجديد أولاً رسالة تحذير وتطلب التأكيد، ثم يحذف المجلد الذي نقرت عليه مع جميع محتواه.

لاستعادة الخيار السابق، ضَع علامة في المربّع مربّع اختيار تفعيل "حذف كل عمليات الإلغاء مؤقتًا" في الإعدادات. الإعدادات > التجارب

مشاكل Chromium: 1472952 و1416338 و1472580 و1473681 1475668.

تعرض نتائج البحث الآن إدخالاً لكل التطابقات التي تم العثور عليها في سطر الرمز. في السابق، كان يُظهر أول تطابق فقط لكل سطر من الرمز. ويمكن الاستفادة من السلوك الجديد على وجه الخصوص عند البحث في الملفات المصغّرة. عند النقر على نتيجة بحث، يتم فتح الملف في المحرّر ثم تمرير المطابقة بطريقة عرض ليس عموديًا فحسب بل أفقيًا أيضًا.

يعرض البحث قبل إجراء البحث وبعده جميع النتائج المطابقة في كل سطر.

بالإضافة إلى ذلك، تم تحسين سرعة ميزة البحث. شاهد مقارنة قبل (اليسار) وبعد (اليمين) في الفيديو التالي.

أخيرًا، يتيح الآن البحث تجاهل بطاقة البيانات ولن يعرض لك نتائج من الملفات التي تم تجاهلها.

مشاكل Chromium: 1468875 و1472019.

لوحة المصادر المحسّنة

مساحة عمل بسيطة في لوحة "المصادر"

تم تبسيط ميزة مساحة العمل في لوحة المصادر بشكلٍ جديد:

  • تسمية متّسقة: وعلى وجه الخصوص، تمت إعادة تسمية لوحة المصادر > نظام الملفات لتصبح Workspace. أصبحت نصوص واجهة المستخدم المختلفة في هذا الجزء الآن أكثر وضوحًا وخالية من التكرار.
  • عملية إعداد محسّنة: اطّلع على إشارات أفضل لسحب المجلدات وإفلاتها أو انقر على رابط لاختيار مجلد.

يتيح لك المصادر > Workspace مزامنة التغييرات التي تجريها في "أدوات مطوري البرامج" مباشرةً مع ملفات المصدر.

اطّلِع على الإعداد الجديد وسير العمل الجديد قيد التنفيذ:

مشاكل Chromium: 1473771 و1473880 و1473963 و1474686 و1474687.

إعادة ترتيب الأجزاء في "المصادر"

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

مشاكل Chromium: 1473758.

تمييز بناء الجملة والطباعة الجميلة لمزيد من أنواع النصوص البرمجية

يمكن الآن للوحة المصادر إجراء ما يلي:

  • اكتب نصًا مضمّنًا بتنسيق JavaScript ضمن أنواع النصوص البرمجية التالية: module وimportmap وspeculationrules.
  • حدِّد بنية نوعَي النص البرمجي importmap وspeculationrules، وكلاهما يحتوي على JSON.

قبل وبعد الطباعة الجميلة وتمييز بناء الجملة لنوع النص البرمجي لقواعد التوقُّع.

لمزيد من المعلومات حول قواعد التوقُّع، يُرجى الاطّلاع على عرض الصفحات مُسبقًا في Chrome لعمليات التنقّل الفورية للصفحات.

مشكلة Chromium: 1473875.

محاكاة ميزة الوسائط "المُفضَّلة المخفّضة الشفافية"

يتوافق Chrome 118 الآن مع ميزة وسائط prefers-reduced-transparency. تتيح هذه الميزة للمطوّرين تعديل محتوى الويب وفقًا للإعدادات المفضّلة التي يختارها المستخدم للحفاظ على مستوى شفافية أقل في نظام التشغيل، مثل خيار تقليل الشفافية على نظام التشغيل macOS.

لمحاكاة ميزة الوسائط هذه، افتح علامة التبويب العرض ومرِّر لأسفل وصولاً إليها.

مشكلة Chromium: 1424879.

المنارة 11

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

يمكنك الاطّلاع أيضًا على القائمة الكاملة للتغييرات. للتعرّف على أساسيات استخدام لوحة Lighthouse في "أدوات مطوري البرامج"، يمكنك الاطّلاع على مقالة Lighthouse: تحسين سرعة الموقع الإلكتروني.

مشكلة Chromium: 772558.

التحسينات المتعلّقة بتسهيل الاستخدام

تتيح "أدوات مطوّري البرامج" الآن استخدام المزيد من ضغطات مفاتيح التنقّل:

  • نظرة عامة حول CSS: يمكنك استخدام السهمَين المتّجهَين للأعلى وللأسفل للتنقّل بين الأقسام في الشريط الجانبي الأيمن.
  • الذاكرة: في الشريط الجانبي الأيمن، ركِّز على الزر حفظ بجانب اللقطات باستخدام مفتاح التبويب (Tab) واضغط على Enter لاختيار المجلد.

بالإضافة إلى ذلك، تم إصلاح العديد من مشاكل إعلانات قارئ الشاشة.

مشاكل Chromium: 1470401 و1471301 و1474108 و1468631.

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

في ما يلي بعض الإصلاحات والتحسينات الجديرة بالملاحظة في هذا الإصدار:

  • الشبكة: رموز جديدة لأنواع الموارد الرائجة: media وwasm وwebsocket وmanifest وfetch/xhr وjson (1466298).
  • يتم إجراء تعديلات على ألوان المادة 3 في العديد من عناصر واجهة المستخدم، وعلى الأخص في لوحتَي العناصر والأداء (1456690 و1472243).
  • تحتفظ المشاكل الآن بمشاكل ملفات تعريف الارتباط في جميع عمليات التنقّل (1466601).
  • العديد من تحسينات التطبيق > التحميل المُسبق، أبرزها الشبكات القابلة للترتيب وتفاصيل مجموعة القواعد المعدَّلة (1410709).
  • تحسينات عديدة على محرِّر الأوامر في أداة مراقبة البروتوكول، من أبرزها التحذيرات المتعلّقة بالإدخال الخاطئ وتعديل الأمر المُرسَل ومحرّر لمَعلمات الكائنات بدون مفاتيح محدَّدة مسبقًا وإتاحة استخدام التعدادات غير المعرَّفة من خلال المراجع، والعناصر التي ليس لها مرجع نوع، وفلترة الأوامر حسب مطابقات السلسلة الفرعية، وغير ذلك (1448050).
  • يظهر في الرسم البياني المصوَّر للأداء حدّ حول المربّع الإجمالي في الرسم البياني الدائري (1470147).
  • لا تتعامل المصادر الآن مع الشرطات كأحرف كلمات في CSS (1471354).
  • تعمل ميزة "الإكمال التلقائي" الآن على ترتيب الكلمات الرئيسية استنادًا إلى لغة CSS في نهايتها.
  • تتيح فلاتر التعبير العادي الآن المساحات (1346936).
  • رصد ميزة الاستعلام عن الوسائط الثابتة في العناصر (1472693)

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

يمكنك استخدام 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