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

Sofia Emelianova
Sofia Emelianova
GitHub

تحسين تصحيح أخطاء ملفات الأنماط المفقودة

تم إجراء عدد من التحسينات على "أدوات مطوّري البرامج" لمساعدتك في تحديد المشاكل المتعلّقة بأوراق الأنماط غير المتوفّرة وتصحيحها بشكل أسرع:

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

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

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

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

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

  • تعرض لوحة المشاكل جميع مشاكل تحميل ملفات الأنماط، بما في ذلك عناوين URL غير الصالحة والطلبات غير الناجحة وبيانات @import غير المُدرَجة في المكان الصحيح.

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

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

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

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

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

مشكلة Chromium: 1421241

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

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

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

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

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

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

مشاكل Chromium: 1448011 و1406017

Lighthouse 10.3.0

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

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

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

مشكلة Chromium: 772558

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

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

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

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

مشاكل Chromium: 1446482 و1414952

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

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

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

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

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

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

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

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

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