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

Sofia Emelianova
Sofia Emelianova
GitHub

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

الربط قبل وبعد الإجراء باستخدام عناصر الربط الصريحة والضمنية

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

قبل ربط popovertarget بعنصر النافذة المنبثقة وبعده

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

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

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

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

  • استثناءات أو رفضات الوعود من الدوالّ المضمّنة
  • "إلغاء" نقاط الفواصل في DOM وfetch/XHR ونقاط الفواصل في انتهاكات سياسة أمان المحتوى (CSP)
  • في عملية إلغاء تجميع لغة Wasm

إليك مثال على سير العمل:

مشكلة في Chromium: 40924349

أدوات معالجة أحداث جديدة لالتقاط التمرير

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

الإصدار السابق واللاحق لإضافة مستمعي الأحداث المرتبطة بميزة "الانتقال السريع للأسفل أو للأعلى"

مشكلة في Chromium: 40286359

تحسينات على لوحة الشبكة

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

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

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

الإعدادات المُسبَقة لخفض سرعة الشبكة قبل تعديلها وبعده

مشكلة Chromium: 342406608

معلومات Service worker في الحقول المخصّصة لتنسيق 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).
  • الإعدادات: تمت إضافة رموز مساعدة بجانب كل علامات التبويب.

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

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

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

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

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

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