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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

تجاوز عناوين استجابة الشبكة

يمكنك الآن تجاهل عناوين الاستجابة في لوحة الشبكة. في السابق، كان عليك الوصول إلى خادم الويب لتجربة عناوين استجابة HTTP.

باستخدام عمليات إلغاء عناوين الاستجابة، يمكنك إنشاء نماذج أولية محليًا لإصلاحات العناوين المختلفة، بما في ذلك على سبيل المثال لا الحصر:

لإلغاء عنوان، انتقِل إلى الشبكة > العناوين > عناوين الاستجابة، مرِّر مؤشر الماوس فوق قيمة العنوان، وانقر على تعديل. وعدِّلها.

تم إصلاح خطأ CORS من خلال تجاهل العنوان.

يمكنك أيضًا إضافة عناوين مخصّصة.

إضافة عنوان مخصّص

لتعديل جميع عمليات الإلغاء في مكان واحد، عدِّل الملف .headers في المصادر > عمليات الإلغاء. يمكنك أيضًا النقر على إضافة قاعدة إلغاء لإلغاء طلبات متعددة باستخدام أحرف البدل (*).

تعديل جميع عمليات الإلغاء

مشكلة في Chromium: 1288023.

تحسينات على تصحيح أخطاء Nuxt وVite وRollup

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

  • في عمليات تتبُّع وحدة التحكّم، ضِمن الرابط عرض N المزيد من اللقطات
  • في المصادر > حزمة استدعاء، ضِمن مربّع اختيار عرض الإطارات المدرَجة في قائمة التجاهل

تتبُّع تسلسل استدعاء الدوال البرمجية قبل تفعيل قائمة التجاهل التابعة لجهة خارجية وبعده

لإتاحة هذه التحسينات، تعاونت فِرق DevTools وNuxt وVite وRollup من أجل اعتماد إضافة خريطة المصادر x_google_ignoreList:

يودّ فريق DevTools أن يعرب عن امتنانه لفِرق Nuxt وVite وRollup على إتاحة هذه الميزة. نقدّر جهودك وتعاونك، فقد كانا ضروريين لإنجاح عملية التنفيذ هذه. نشكرك مجددًا على مساهماتك.

الأنماط" id="css" tabindex="-1">تحسينات على CSS في "العناصر" > "الأنماط"

خصائص وقيم CSS غير صالحة

لمساعدتك في تشخيص مشاكل CSS بشكلٍ أسرع، يعرض الآن الجزء الأنماط ما يلي مع وضع خط في وسطه:

  • إعلان CSS كامل (الخاصية والقيمة) عندما تكون خاصية CSS غير صالحة
  • القيمة فقط عندما تكون خاصية CSS صالحة ولكن القيمة غير صالحة

اسم السمة غير صالح وقيمة السمة غير صالحة.

يودّ فريق "أدوات مطوّري البرامج" أن يعرب عن شكره Yisi(一丝) على إدخال هذا التحسين.

روابط إلى الإطارات الرئيسية في السمة المختزلة للصور المتحركة

تحتوي خاصية CSS المختصرة animation الآن على روابط تؤدي إلى قواعد @keyframes المقابلة، ما يتيح لك التنقّل في اللوحة الأنماط بشكل أسرع.

روابط إلى الإطارات الرئيسية في السمة المختزلة الخاصة بالصور المتحركة

مشكلة في Chromium: 1420656.

إعداد جديد في "وحدة التحكّم": الإكمال التلقائي عند الضغط على مفتاح Enter

بدءًا من الإصدار السابق (112)، يمكنك ضبط وحدة تحكّم "أدوات مطوّري البرامج" لتطبيق اقتراح الإكمال التلقائي عند الضغط على Enter.

بشكلٍ تلقائي، يمكنك الضغط على Tab أو Arrow right لقبول اقتراح الإكمال التلقائي. لإكمال التعبئة تلقائيًا باستخدام Enter أيضًا، فعِّل الإعدادات. الإعدادات > وحدة التحكّم > مربّع اختيار قبول اقتراح الإكمال التلقائي عند الضغط على مفتاح Enter.

مربّع الاختيار المقابل في "الإعدادات"

بالإضافة إلى ذلك، أصبح نص إعداد آخر أكثر ملاءمةً للمستخدمين: مربّع اختيار التعامل مع عملية تقييم الرمز كإجراء من جانب المستخدم.

مشكلة في Chromium: 1276960.

قائمة الأوامر تركّز على الملفات التي أنشأتها

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

نص برمجي في قائمة التجاهل في مربّع الحوار "فتح سريع" قبل التغيير وبعده

مشكلة في Chromium: 1424345.

إيقاف أداة "تحليل JavaScript": المرحلة الثانية

منذ إصدار Chrome 58، خطّط فريق "أدوات مطوّري البرامج" لإيقاف أداة تحليل أداء JavaScript نهائيًا، وأن يطلب من مطوّري Node.js وDeno استخدام لوحة الأداء لتحليل أداء وحدة المعالجة المركزية في JavaScript.

يبدأ الإصدار 113 من "أدوات مطوّلي البرامج" المرحلة الثانية من إيقاف أداة JavaScript Profiler نهائيًا على أربع مراحل. خلال هذه المرحلة، سيظل بإمكانك فتح اللوحة ولكن لن تكون واجهة المستخدم متاحة.

لإنشاء ملف أداء لوحدة المعالجة المركزية، انقر على الانتقال إلى لوحة "الأداء".

إيقاف أداة "تحليل JavaScript" نهائيًا

مشكلة في Chromium: 1354548.

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

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

  • تم إصلاح خطأ كان يتسبّب في معالجة أسماء المتغيّرات التي تحتوي على أحرف Unicode بشكل غير صحيح في لوحة المصادر (1425055).
  • أضافت علامة التبويب المشاكل رسالة جديدة بشأن مشاكل "الملء التلقائي" المتعلّقة بقيم HTML غير العادية (1399414).

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

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

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

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

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

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