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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

بالإضافة إلى ذلك، تم تحسين سرعة بحث 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 كمتصفّح التطوير التلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات "أدوات مطوري البرامج"، واختبار واجهات برمجة التطبيقات الأكثر تطوّرًا للأنظمة الأساسية للويب، كما تساعدك في العثور على المشاكل على موقعك الإلكتروني قبل أن يكتشفها المستخدمون.

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

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

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

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