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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

يمكنك إرسال ملاحظاتك حول هذه الميزة من خلال الرابط crbug.com/1500573.

مشكلة في Chromium: 1486431.

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

دعم @font-palette-values

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

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

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

مشكلة في Chromium: 1501781.

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

تعمل الآن العناصر > الأنماط على حلّ سمة مخصّصة تكون بديلاً لسمة مخصّصة أخرى.

قبل وبعد حلّ سمة مخصّصة كبديل لسمة مخصّصة أخرى

مشكلة في Chromium: 1499265.

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

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

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

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

مشكلة في Chromium: 1444349

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

تتبُّع التفاعلات المحسّنة

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

صورة قبل إضافة الشوارب إلى مسار "التفاعلات" وبعدها

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

مشكلة في Chromium: 1495751.

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

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

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

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

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

مشكلة في Chromium: 1496355.

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

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

يتم تمييز مجموعات الرموز التي تمّت إضافة مسافة بادئة إليها بخطوط عمودية قبلها وبعدها.

مشكلة في Chromium: 1479986.

تلميحات أدوات مفيدة للعناوين والمحتوى التي تم تجاهلها في "لوحة الشبكة"

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

تظهر تلميحات الأدوات الجديدة بجانب رمز النقطة الأرجوانية في علامات التبويب "العناوين" و"الردود".

مشكلة في Chromium: 1469776

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

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

قبل وبعد إضافة أو إزالة أنماط حظر الشبكة

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

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

تمت إزالة علامة التبويب التجريبية انتهاكات سياسة أمان المحتوى (CSP) التي تم طرحها في الإصدار 89 لأنّها أصبحت غير ضرورية.

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

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

بالإضافة إلى ذلك، تعرض لوحة المشاكل مخالفات CSP.

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

الإصدار 11.3.0 من Lighthouse

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

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

مشكلة في Chromium: 772558.

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

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

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

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

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

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

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

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

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

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

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

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

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