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

Sofia Emelianova
Sofia Emelianova
GitHub

قسم جديد للخصائص المخصّصة في "العناصر" > "التصاميم"

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

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

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

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

في إطار سلسلة التحسينات التي تم إدخالها في الإصدار السابق، تُجري عمليات الاستبدال المحلية الآن ما يلي:

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

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

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

    الفلترة حسب القيمة has-overrides:yes في عمود Has overrides

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

    قبل استبدال "حذف جميع عمليات الاستبدال" بـ "حذف" وبعده

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

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

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

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

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

تعرِض كلّ من "قبل إجراء البحث" و"بعد إجراء البحث" جميع المطابقات في كل سطر.

بالإضافة إلى ذلك، تم تحسين سرعة بحث Google. يمكنك الاطّلاع على الفيديو التالي لمعرفة الفرق بين الصورتين (الصورة اليسرى قبل إجراء التعديل والصورة اليمنى بعد إجراء التعديل).

أخيرًا، يتيح بحث Google الآن تجاهُل إدراج الملفات ولن يعرض لك نتائج من الملفات التي تم تجاهلها.

مشاكل Chromium: 1468875 و1472019

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

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

تمّت تحسين ميزة مساحة العمل في لوحة المصادر:

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

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

اطّلِع على سير العمل والإعداد الجديدَين:

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

إعادة ترتيب الأقسام في "المصادر"

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

مشاكل Chromium: 1473758

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

يمكن الآن للوحة المصادر تنفيذ ما يلي:

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

قبل وبعد الطباعة الجميلة وتمييز البنية لنوع نص برمجي قواعد التكهّنات

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

مشكلة في Chromium: 1473875

محاكاة ميزة prefers-reduced-transparency لوسائط الويب

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

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

مشكلة Chromium: 1424879

Lighthouse 11

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

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

مشكلة Chromium: 772558

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

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

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

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

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

لحظات مميّزة متنوعة

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

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

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

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

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

استخدِم الخيارات التالية لمناقشة الميزات الجديدة أو التحديثات أو أي شيء آخر مرتبط بـ "أدوات مطوّري البرامج".

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

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