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

Sofia Emelianova
Sofia Emelianova
GitHub

فهم الأخطاء والتحذيرات في وحدة التحكّم بشكل أفضل باستخدام Gemini

يقدّم إصدار Chrome هذا إمكانات الذكاء الاصطناعي التوليدي في وحدة تحكّم "أدوات مطوّري البرامج"، وذلك بهدف مساعدتك في فهم الأخطاء والتحذيرات التي تواجهها بشكل أفضل.

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

تفسير الخطأ من إنشاء الذكاء الاصطناعي

لمزيد من المعلومات، يُرجى الاطّلاع على مقالة فهم الأخطاء والتحذيرات بشكل أفضل باستخدام الذكاء الاصطناعي.

@position-try إتاحة القواعد في "العناصر" > "الأنماط"

لمساعدتك في تصحيح أخطاء تحديد موضع عنصر الربط في CSS، تتيح الآن علامة التبويب العناصر > الأنماط استخدام قواعد @position-try CSS. تُحدِّد علامة التبويب قيم position-try-options وتربط كل خيار بقسم @position-try --name مخصّص.

قبل وبعد دعم قواعد CSS‏ @position-try

لمزيد من المعلومات، يمكنك الاطّلاع على لمحة عن واجهة برمجة التطبيقات CSS anchor positioning API.

مشكلة في Chromium: ‏ 40279608

تحسينات على لوحة "المصادر"

يقدّم هذا الإصدار عدة تحسينات على لوحة المصادر.

ضبط الطباعة الجميلة وإغلاق الأقواس تلقائيًا

يمكنك الآن تفعيل أو إيقاف ميزة الطباعة الجميلة وإغلاق الأقواس تلقائيًا في المحرِّر ضمن المصادر. تجعل ميزة عرض النص بتنسيق محسّن الملفات المصغّرة قابلة للقراءة. يضيف قوس الإغلاق تلقائيًا قوس إغلاق () أو }) أو علامة (>) عند كتابة قوس فتح.

لضبط السلوك ذي الصلة، ضَع علامة في مربّع الاختيار الجديد استخدام الأقواس الإغلاق التلقائية أو أزِلها، وكذلك ضَع علامة في مربّع الاختيار الجديد الطباعة الجميلة للمصادر المُكثّفة تلقائيًا أو أزِلها في الإعدادات > الإعدادات المفضّلة > المصادر.

الإعدادات الجديدة قبل إضافتها وبعدها للطباعة الجميلة والإغلاق التلقائي للقوسين

مشاكل Chromium: 40865010 و324314570

يتم التعرّف على الوعود المرفوضة التي تمّ التعامل معها على أنّها تمّ رصدها.

تتعرّف لوحة المصادر الآن بشكل صحيح على الوعود المرفوضة على أنّها تم رصدها إذا كنت قد تعاملت معها باستخدام .catch() أو .then() ذات وسيطتين.

بعبارة أخرى، عند تفعيل المصادر > نقاط التوقف > إيقاف مؤقت عند حدوث استثناءات لم يتمّ رصدها، لن يتوقف مصحّح الأخطاء مؤقتًا عند العثور على عبارات مشابهة لما يلي:

Promise.reject(new Error('fail')).catch((e)=>console.log('caught'));

قبل التعرّف على حالات الرفض التي تم رصدها وبعدها

مشكلة Chromium: 40283993

أسباب الأخطاء في وحدة التحكّم

تعرض لك وحدة التحكّم الآن سلاسل أسباب الخطأ في تتبع تسلسل استدعاء الدوال البرمجية، إن توفّرت.

لتسهيل تصحيح الأخطاء، يمكنك تحديد أسباب الأخطاء عند رصد الأخطاء وإعادة رميها. عندما تنتقل وحدة التحكّم إلى أعلى سلسلة الأسباب، تطبع كل حزمة أخطاء باستخدام البادئة Caused by:، ما يتيح لك الاطّلاع على الخطأ الأصلي.

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

مشكلة في Chromium: ‏ 40182832

تحسينات على لوحة الشبكة

يقدّم هذا الإصدار عدة تحسينات على لوحة الشبكة.

فحص رؤوس ميزة Early Hints

تحصل رؤوس "الإشارات المبكّرة" على قسم مخصّص في علامة التبويب العناوين للطلب في لوحة الشبكة. في السابق، كان بإمكانك العثور على العناوين ذات الصلة في قسم عناوين الاستجابة.

الإشارات المبكّرة هي رمز حالة HTTP (103 Early Hints) يُستخدَم لإرسال استجابة HTTP أولية قبل الاستجابة النهائية. ويسمح ذلك للخادم بإرسال إشارات إلى المتصفّح بشأن الموارد الفرعية المهمة (مثل ورقة الأنماط أو JavaScript المهم) أو المصادر التي يُرجّح أن تستخدمها الصفحة، بينما يكون الخادم مشغولاً بإنشاء المورد الرئيسي.

قبل وبعد إضافة قسم مخصّص للاقتراحات المبكّرة

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

مشكلة Chromium: 40222701

إخفاء عمود "المخطّط البياني للسقوط المفاجئ"

يمكنك الآن إخفاء عمود العرض بدون انقطاع في لوحة الشبكة بالطريقة نفسها التي يمكنك بها إخفاء الأعمدة الأخرى. انقر بزر الماوس الأيمن على أي اسم عمود وأزِل العلامة من مربّع الاختيار مخطّط بياني للبيانات في القائمة المنسدلة.

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

مشكلة في Chromium: ‏ 40574989

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

يقدّم هذا الإصدار عدّة تحسينات على لوحة الأداء.

تسجيل إحصاءات أدوات اختيار لغة CSS

تمّت إضافة إعداد جديد إلى لوحة الأداء للسماح لك بتسجيل إحصاءات أداة اختيار لغة CSS لأحداث إعادة احتساب التصميم التي تستغرق وقتًا طويلاً.

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

الإحصاءات قبل إضافة أداة الاختيار وبعدها

مشكلة في Chromium: ‏ 324282954

تغيير الترتيب وإخفاء الأغاني

تمّت إضافة وضع ضبط جديد إلى لوحة الأداء يتيح لك تغيير ترتيب الأغاني وإخفاءها.

للدخول إلى وضع الضبط، انقر على الزر تعديل على يمين اسم المقطع الصوتي. بعد ذلك، انقر على للأعلى أو للأسفل لنقل المقطع الصوتي أو انقر على لإخفائه. عند الانتهاء، انقر على زر علامة اختيار على يسار اسم المقطع الصوتي.

سيتضمّن الإصدار التالي، Chrome 126، المزيد من التحسينات على واجهة المستخدم هذه.

مشكلة Chromium: 311439339

تجاهُل عمليات الاحتفاظ في لوحة "الذاكرة"

يمكنك الآن تجاهُل العناصر التي تم الاحتفاظ بها في لقطات الذاكرة التي تلتقطها باستخدام لوحة الذاكرة.

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

المقارنة بين الإصدارَين قبل إضافة خيار تجاهل المبالغ المحجوزة مؤقتًا في الحساب

بالإضافة إلى ذلك، تتيح لقطات الذاكرة الآن عددًا أكبر (مئات الملايين) من حواف الحاوية والعقد (332350576).

مشكلة Chromium: 327337527

Lighthouse 11.7.1

تعمل لوحة Lighthouse الآن باستخدام الإصدار 11.7.1 من Lighthouse. يمكنك الاطّلاع على القائمة الكاملة بالتغييرات.

ومن بين التغييرات البارزة إيقاف استخدام المكوّن الإضافي إعلانات الناشر نهائيًا، والذي أصبح قديمًا في هذا الإصدار.

الاختلافات بين استخدام المكوّن الإضافي "إعلانات الناشر" قبل إضافته وإزالته

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

مشكلة Chromium: 772558

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

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

  • أصبحت لوحة المسجّلة الذكية خارج مرحلة المعاينة رسميًا (329271496).
  • لا يعرض Console الآن خطأً عندما يعرض أحد منسّقي البيانات المخصّصين null للدالة body()، وهو سلوك صالح (329400119).
  • تم تعديل أداة تمييز البنية في لوحة المصادر، لا سيما أنّها تتيح الآن استخدام علامتَي v وd في التعبير العادي.
  • تم إصلاح خطأ في علامة التبويب الشبكة > ملفات تعريف الارتباط في ما يتعلّق بربط ملفات تعريف الارتباط المُستثناة بملفات تعريف الارتباط الخاصة بالاستجابة (41491846).
  • علامة التبويب العناصر > الأنماط:
    • تعرِض هذه السمة القواعد المكتسَبة التي تمّ تحميلها بالكامل باستخدام السمات المخصّصة (41489874).
    • يُبرز القيمة المطبَّقة في light-dark() استنادًا إلى مظهر الألوان (331123816).

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

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

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

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

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

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