الميزات الجديدة في "أدوات مطوري البرامج"، الإصدار Chrome 127

Sofia Emelianova
Sofia Emelianova
GitHub

لتسهيل تصحيح أخطاء ميزة تحديد موضع عنصر ثابت، تربط علامة التبويب الأنماط الآن المعرّفات الصريحة للعناصر الثابتة والعناصر الثابتة الضمنية بعُقدها.

في ما يلي مثال على استخدام الروابط الصريحة والضمنية قبل وبعد التعديل.

بالإضافة إلى ذلك، ترتبط قيمة السمة popovertarget الآن بالعنصر popover في DOM.

تُستخدَم قبل وبعد ربط عنصر popovertarget بعنصر popover.

تحسينات على لوحة "المصادر"

يتضمّن هذا الإصدار عدة تحسينات على لوحة المصادر.

ميزة "عدم الإيقاف المؤقت هنا مرة أخرى" المحسّنة

يتيح لك الخيار "عدم الإيقاف المؤقت هنا مرة أخرى" منع أداة تصحيح الأخطاء من الإيقاف المؤقت على السطر نفسه مرارًا وتكرارًا. ويسهّل ذلك التعامل مع نقاط التوقف غير ذات الصلة التي يتم تشغيلها بشكل متكرر. يحسّن هذا الإصدار هذه الإمكانية، وهي تعمل الآن مع:

  • الاستثناءات أو رفض الوعود من الدوال المضمّنة
  • إلغاء النقاط الفاصلة في DOM وfetch/XHR وCSP Violation
  • في تفكيك Wasm

إليك سير العمل قيد التنفيذ:

مشكلة في Chromium: 40924349.

أدوات معالجة أحداث جديدة لتنفيذ عملية محاذاة عند التمرير

تتضمّن القائمة المصادر > نقاط توقّف مستمع الحدث > التحكّم مستمعَين مرتبطَين بـ scroll-snap: scrollsnapchange وscrollsnapchanging. يتم تنشيط هذه الأحداث عند التنقّل في حاوية التمرير بطريقة تؤدي إلى محاذاتها مع عنصر جديد.

قبل إضافة أدوات معالجة الأحداث ذات الصلة بميزة scroll-snap وبعدها

مشكلة في Chromium: 40286359.

تحسينات في "لوحة الشبكة"

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

تعديل الإعدادات المُسبقة لضبط الحدّ الأقصى المسموح لعرض نطاق الشبكة

تم تعديل الإعدادات المُسبَقة للتقييد في لوحة الشبكة: تمّت إضافة الجيل الرابع السريع، وتمّت إعادة تسمية الجيل الثالث السريع إلى الجيل الرابع البطيء، وتمّت إعادة تسمية الجيل الثالث البطيء إلى الجيل الثالث. يتوافق ذلك بشكل أفضل مع الإعدادات المُسبقة في Lighthouse.

عرض لما قبل وما بعد تعديل الإعدادات المُسبقة للحدّ من سرعة الشبكة

مشكلة في Chromium: 342406608.

معلومات عامل الخدمة في الحقول المخصّصة لتنسيق HAR

عند تصدير سجلّ الشبكة إلى تنسيق HAR، يمكنك الآن الاطّلاع على المعلومات المتعلّقة ببرامج الخدمة، بما في ذلك التوقيتات، كحقول مخصّصة (مسبوقة بشرطات سفلية). على سبيل المثال، قد تجد الحقول الجديدة التالية في السجلّ:

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

مشكلة في Chromium: 342406608.

إرسال أحداث WebSocket وتلقّيها في "لوحة الأداء"

على غرار أحداث WebSocket الأخرى، تسجّل لوحة الأداء الآن الحدثَين إرسال رسالة WebSocket وتلقّي رسالة WebSocket وتعرضهما في تتبُّع الأداء. على سبيل المثال:

حدث "تلقّي رسالة WebSocket" الذي تم تسجيله في تتبُّع الأداء

مشكلة في Chromium: 40286129.

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

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

  • تسهيل الاستخدام: تعلن برامج قراءة الشاشة الآن عن محتوى الرسائل في وحدة التحكّم عند التنقّل في السجلّ باستخدام مفتاحَي السهمَين للأعلى وللأسفل (344484979).
  • المراجع:
    • الصفحة: يحفظ خيار القائمة الحفظ باسم الآن ملفات وحدات Wasm النمطية كملفات ثنائية صالحة بتنسيق wasm بدلاً من نص Base64 (40784130).
    • حزمة استدعاء: تمت إزالة اللاحقة (async) من أوصاف إطار الاستدعاء غير المتزامن، وتم تغيير التمييز من مائل إلى غامق (343750870).
  • الذاكرة: تمت إزالة InternalNodes غير الضروري الذي يبلغ حجمه صفرًا من الملخّص الخاص بلقطة الذاكرة المجمّعة (340200025).
  • الشبكة: تم إصلاح خطأ كان يمنع معاينة محتوى استجابة البث للطلبات التي بدأت للتو ولكن لم تتلقَّ حدث responseReceived بعد (338340752).
  • الأداء:
    • إحصاءات أداة الاختيار: تمت إضافة تلميح أدوات توضيحي للعمود %-of-Slow-Path-Non-Matches (324282954).
    • وضع إعداد قنوات الإصدار: تم نقل الزر إنهاء إعداد قنوات الإصدار إلى أسفل يسار الصفحة (345256274).
  • وحدة التحكّم: تم إصلاح خطأ كان يعرض رسائل متطابقة متعددة في وحدة التحكّم عند التنقّل باستخدام ذاكرة التخزين المؤقت للخلف/للأمام (40894153).
  • الإعدادات: تمت إضافة رموز مساعدة بجانب جميع علامات التبويب.

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

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

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

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

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

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