الميزات الجديدة في أدوات مطوّري البرامج (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": المرحلة الثانية

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

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

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

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

مشكلة في Chromium: 1354548.

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

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

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

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

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

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

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

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

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