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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

يتم عرض عنصر popovertarget قبل ربطه بعنصر popover وبعده.

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

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

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

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

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

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

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

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

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