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

Sofia Emelianova
Sofia Emelianova
GitHub

شريط فلاتر مُبسَّط في لوحة "الشبكة"

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

تم تفعيل التجربة المقابلة تلقائيًا في هذا الإصدار، ولكن سيتم التراجع عن ذلك. يمكنك تتبُّع مستوى التقدّم في crbug.com/1523150.

يحتوي شريط الفلترة الجديد على قائمتَين منسدلتَين: إحداهما لاختيار أنواع الطلبات والأخرى لإخفاء البيانات وعناوين URL للإضافة أو عرض ملفات تعريف الارتباط والطلبات المحظورة وطلبات الجهات الخارجية فقط. تتيح كلتا القائمتَين الاختيار المتعدّد.

لإعادة شريط الفلتر القديم على الفور، أوقِف الإعدادات > التجارب > إعادة تصميم شريط الفلتر في لوحة "الشبكة".

شكل شريط الفلترة قبل تحسينه وبعده في لوحة "الشبكة"

يُرجى إرسال ملاحظاتك حول الميزة على crbug.com/1500573.

مشكلة Chromium: 1486431

تحسينات على العناصر

دعم @font-palette-values

تتيح لوحة "العناصر" الآن استخدام قاعدة CSS @font-palette-values. تتيح لك هذه السمة تخصيص القيم التلقائية لسمة font-palette.

في الأنماط، انقر على قيمة السمة font-palette وسينقلك DevTools إلى القسم المخصّص @font-palette-values حيث يمكنك تعديل القيم المخصّصة.

قسم @font-palette-values في "الأنماط"

مشكلة في Chromium: ‏ 1501781

الحالة المتوافقة: خاصيّة مخصّصة كخيار احتياطي لخاصيّة مخصّصة أخرى

العناصر > الأنماط: يمكن الآن حلّ سمة مخصّصة هي عنصر احتياطي لسمة مخصّصة أخرى.

قبل وبعد حلّ موقع مخصّص كخيار احتياطي لموقع مخصّص آخر

مشكلة Chromium: 1499265

تحسين دعم خريطة المصادر

تم تفعيل الإعدادات > التجارب > حلّ أسماء المتغيّرات في التعبيرات باستخدام خرائط المصدر تلقائيًا.

تستخدِم "أدوات مطوّري البرامج" خرائط المصدر للسماح لك بتصحيح أخطاء الرمز البرمجي الأصلي في المصادر والنطاق حتى بعد دمجه أو تصغيره أو تجميعه. تتيح لك هذه التجربة تقييم أسماء المتغيّرات الأصلية بشكلٍ متّسق في "أدوات مطوّري البرامج"، بما في ذلك على سبيل المثال لا الحصر:

لمزيد من التفاصيل، يُرجى الاطّلاع على مستند RFC المقابل.

مشكلة Chromium: 1444349

تحسينات على لوحة الأداء

مسار "التفاعلات المحسّنة"

يحصل مسار الأداء > التفاعلات على خطوط تشير إلى تأخّر الإدخال والعرض عند حدود وقت المعالجة.

المقارنة بين الأداء قبل إضافة خطوط الالتقاط إلى مسار "التفاعلات" وبعدها

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

مشكلة Chromium: 1495751

الفلترة المتقدّمة في علامات التبويب "من الأسفل إلى الأعلى" و"شجرة المكالمات" و"سجلّ الأحداث"

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

  • ‫ مطابقة الحالة
  • ‫ تعبير عادي.
  • مطابقة الكلمة بالكامل

الأزرار الثلاثة الجديدة للفلترة المتقدّمة

بالإضافة إلى ذلك، لمساعدتك في الاحتفاظ بالسياق، تتطابق الآن عناصر المستوى الأعلى فقط مع الفلتر في علامة التبويب من الأسفل إلى الأعلى. في السابق، كان الفلتر يتطابق مع كل عقدة.

مشكلة Chromium: 1496355

علامات المسافة البادئة في لوحة "المصادر"

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

تمييز ما قبل وبعد كتل الرموز البرمجية المُسَفَّرة بخطوط عمودية

مشكلة في Chromium: 1479986

نصائح مفيدة عن العناوين والمحتوى المُلغى في لوحة "الشبكة"

تعرض لوحة الشبكة الآن نصائح عند تمرير مؤشّر الماوس فوق رمز النقطة البنفسجية بجانب علامتَي التبويب الرؤوس والردّ لطلب معيّن. تُعلمك نصائح التلميح بما تم تجاوزه من خلال "أدوات مطوّري البرامج".

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

مشكلة في Chromium: 1469776

خيارات جديدة في قائمة الأوامر لإضافة أنماط حظر الطلبات وإزالتها

يمكنك الآن كتابة أوامر لإضافة أنماط حظر طلبات الشبكة أو إزالتها في قائمة الأوامر.

الإجراء الذي تم اتّخاذه قبل إضافة أوامر جديدة وإجراء ما تم اتّخاذه بعد ذلك لإضافة أنماط حظر الشبكة أو إزالتها

ينقلك الأمر إضافة إلى مربّع الحوار لتحديد النمط، ويزيل الأمر إزالة جميع الأنماط بدون فتح لوحة حظر طلبات الشبكة.

إزالة تجربة انتهاكات سياسة أمان المحتوى (CSP)

تمت إزالة علامة التبويب التجريبية انتهاكات CSP التي تم تقديمها في الإصدار 89 لأنّها متكررة.

للاطّلاع على تفاصيل سياسة أمان المحتوى (CSP) بشكل سريع، انتقِل إلى التطبيق > اللقطات > سياسة أمان المحتوى (CSP).

سياسة أمان المحتوى في لوحة "التطبيق"

بالإضافة إلى ذلك، تُبلغ لوحة المشاكل عن انتهاكات "إطار عمل إدارة الخدمات".

سياسة أمان المحتوى في لوحة "التطبيق"

Lighthouse 11.3.0

تعمل لوحة Lighthouse الآن بإصدار Lighthouse 11.3.0. يمكنك الاطّلاع على القائمة الكاملة بالتغييرات. ومن بين التغييرات البارزة إمكانية إعداد تقارير عن صفحات 404.

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

مشكلة Chromium: 772558

تسهيل الاستخدام

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

  • في الشبكة > حمولة البيانات، يمكنك الآن استخدام مفتاح التبويب (Tab) للتركيز على الزرَّين عرض المصدر وعرض المحتوى المشفَّر بعنوان URL والضغط على Enter أو مفتاح المسافة لبدء الإجراء المقابل.
  • في Console، تم الآن إيقاف الروابط التي تؤدي إلى النصوص البرمجية التي لم تعُد متاحة لأداة تصحيح الأخطاء، وأصبحت هذه الروابط باللون الرمادي ولا يمكن النقر عليها.
  • في أشجار التنقّل، مثل الشجرة في المصادر > الصفحة، يؤدي مفتاح Enter الآن إلى توسيع العقد التي تحتوي على عناصر فرعية وتصغيرها.

مشاكل Chromium: 1338391 و1500662 و1420362

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

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

  • الأداء: إذا تعذّر تسجيل، يمكنك الآن تنزيل أحداث التتبّع الأوّلية ومحاولة معرفة المشكلة (commit).
  • لا يؤدي اختصار عرض وحدة التحكّم (Ctrl+` لنظام التشغيل Mac، وCtrl++ لنظامَي التشغيل Windows وLinux) الآن إلى فتح وحدة التحكّم فحسب، بل يؤدي أيضًا إلى إغلاقها عند الضغط عليه مرة ثانية.
  • موارد المطوّرين تم إصلاح خطأ كان يمنع الإبلاغ عن موارد CSS ومشاكلها (1420362).
  • العناصر:
    • تم إصلاح خطأ في فحص العناصر في إطارات iframe (1453375).
    • محسوب: تم إصلاح خلل كان يمنع عرض القيم التلقائية (1499882).
    • البحث: تم إصلاح خطأ كان يمنع احتساب عدد المطابقات لطلبات البحث القصيرة التي تتألف من حرف أو حرفَين (1416457).
  • وحدة التحكّم: يتم الآن تحليل التعبيرات العادية التي تنتهي بحرف مشفَّر بشكل صحيح في مربّع الفلتر (1346936).
  • الإعدادات > Workspace تم إصلاح خطأ كان يمنع إضافة مجلد مستبعد (1503580).
  • الشبكة > معاينة يتم الآن عرض الصور باستخدام معرّفات الموارد المنتظمة data: (1381791).
  • الذاكرة: تمت إضافة زرَّي التحميل والحفظ المناسبَين إلى شريط الإجراءات (1275407).

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

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

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

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

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

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