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

Sofia Emelianova
Sofia Emelianova
GitHub

تحسين عملية تصحيح الأخطاء في أوراق الأنماط غير المتوفّرة

تتضمّن "أدوات مطوّري البرامج" عددًا من التحسينات لمساعدتك في تحديد المشاكل المتعلقة بأوراق الأنماط غير المتوفّرة وتصحيح أخطائها بشكل أسرع:

  • لا يعرض الآن شجر المصادر > الصفحة سوى أوراق الأنماط التي تم نشرها وتحميلها بنجاح للحدّ من الالتباس.
  • في المصادر > المحرّر، يتم الآن وضع خط تحت عبارات @import وurl() وhref التي تعذّر تنفيذها، كما يتم عرض تلميحات الأدوات المضمّنة الخاصة بالأخطاء بجانبها.

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

  • بالإضافة إلى الروابط المؤدية إلى الطلبات التي تعذّر تنفيذها، يوفّر سجلّ وحدة التحكّم الآن روابط مؤدية إلى السطر الدقيق الذي يشير إلى ورقة أنماط تعذّر تحميلها.

توفّر وحدة التحكّم روابط تؤدي إلى الأسطر المحدّدة التي تتضمّن عبارات تتسبّب في حدوث مشاكل.

  • تعبِّئ اللوحة الشبكة باستمرار العمود المصدر بروابط تؤدي إلى السطر الدقيق الذي يشير إلى ورقة أنماط تعذّر تحميلها.

  • تعرض لوحة المشاكل جميع مشاكل تحميل أوراق الأنماط، بما في ذلك عناوين URL المعطّلة والطلبات التي تعذّر إجراؤها وعبارات @import في غير موضعها.

لوحة "المشاكل" التي تتضمّن روابط تؤدي إلى المصادر والطلبات

مشاكل Chromium: 1440626 و1442198 و1453611.

إتاحة التوقيت الخطي في "العناصر" > "الأنماط" > "أداة تعديل التباطؤ والتسارع"

يتيح لك محرِّر التخفيف محرِّر التباطؤ والتسارع في العناصر > الأنماط تعديل قيم transition-timing-function وanimation-timing-function بنقرة واحدة. في هذا الإصدار، يتيح محرِّر التخفيف محرّر التباطؤ والتسارع استخدام دالة التوقيت الخطي.

لضبط التوقيتات الخطية، انقر على زر أداة الاختيار الخطية. لإضافة نقطة تحكّم، انقر في أي مكان على الخط. لإزالة نقطة تحكّم، انقر عليها مرّتين. يمكنك أيضًا اختيار أحد الإعدادات المُسبَقة: linear أو elastic أو bounce أو emphasized. شاهِد الفيديو لمعرفة كيفية استخدام التعديل الخطي.

مشكلة في Chromium: 1421241.

إتاحة حِزم التخزين وعرض البيانات الوصفية

يتوافق قسم التطبيق > مساحة التخزين مع حِزم التخزين. إنّ حِزم التخزين مستقلة عن بعضها البعض، لذا يمكنك تحديد أولوية الإخلاء لشرائح البيانات والتأكّد من عدم حذف البيانات الأكثر قيمة. يمكن لكل حزمة تخزين تخزين البيانات المرتبطة بواجهات برمجة التطبيقات المحدّدة للتخزين، مثل IndexedDB وCacheStorage.

يمكنك الاطّلاع على هذا المثال لاختبار الميزة. افتح "أدوات المطوّرين"، وانتقِل إلى التطبيق > مساحة التخزين > Indexed DB، ثم شغِّل الرمز. تعرض لك "أدوات مطوّلي البرامج" الآن المجموعات ومحتوياتها. اختَر حزمة للاطّلاع على بياناتها الوصفية.

عرض البيانات الوصفية لحزمة

تتوفّر الآن أيضًا طريقة العرض الموحّدة للبيانات الوصفية في أقسام التخزين المحلي وتخزين الجلسة والتخزين المؤقت.

عرض البيانات الوصفية الموحَّد الجديد

مشاكل Chromium: 1448011 و1406017.

‫Lighthouse 10.3.0

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

اجتياز عملية التحقّق من رؤوس الجداول

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

مشكلة في Chromium: 772558.

تسهيل الاستخدام: أوامر لوحة المفاتيح وتحسين قراءة الشاشة

تتيح "أدوات مطوّلي البرامج" الآن المزيد من الاختصارات وتعمل على إصلاح المشاكل المتعلقة ببرامج قراءة الشاشة:

  • يمكنك الآن فتح قائمة السياق باستخدام اختصار لوحة المفاتيح، مثل Shift+F10 على أجهزة Windows والعديد من توزيعات Linux. للاطّلاع على اختصارات MacOS، يُرجى الرجوع إلى إجراءات المؤشر البديلة.
  • تطبيقات قارئ الشاشة:
    • لن يتم الإعلان عن تصنيفات مربّعات الاختيار مرّتين بدون داعٍ.
    • سيعلن عن أسماء عناوين الأعمدة القابلة للترتيب عند الضغط على اختصار "قراءة عنوان العمود".

يودّ فريق DevTools أن يعرب عن شكره ليانلينغ وانغ وإلورم كوتش على إتاحة هذه التحسينات.

مشاكل Chromium: 1446482 و1414952.

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

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

  • تستمر لوحة الشبكة في تسجيل نشاط الشبكة حتى بعد تفاعلك مع المخطط الزمني (1422552).
  • تتعرّف لوحة التغطية الآن على ما إذا تم تفعيل العرض المسبق أو التنقّل باستخدام ميزة "التخزين المؤقت للصفحات"، وتطلب منك إعادة التحميل (1393057).
  • يمكنك الآن التنقّل في اللوحة المصادر > نقاط التوقّف باستخدام لوحة المفاتيح: السهم المتّجه للأعلى والسهم المتّجه للأسفل للتنقّل والمسافة للاختيار (1446150).
  • تم إصلاح مشكلة تحميل ملفات HAR وفلترتها في لوحة الشبكة (1450622).
  • تضع "مخطّط اللهب" في لوحة الأداء الآن فجوات صغيرة بين عمليات التتبُّع لعرضها بشكل أفضل (1452150).
  • تم إصلاح عملية الربط التلقائي للملفات المضمّنة في خرائط المصادر (1446383).

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

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

التواصل مع فريق Chrome DevTools

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

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

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