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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

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

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

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

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

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

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

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

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

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

مشكلة في Chromium: 1288023.

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

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

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

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

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

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

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

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

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

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

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

يودّ فريق DevTools أن يعرب عن امتنانه 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 أو Dev أو Beta كمتصفّح تطوير تلقائي. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات DevTools، وتتيح لك اختبار أحدث واجهات برمجة التطبيقات لمنصة الويب، وتساعدك في العثور على المشاكل في موقعك الإلكتروني قبل أن يواجهها المستخدمون.

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

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

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

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