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

Sofia Emelianova

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

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

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

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

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

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

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

مشكلة في Chromium:‏ 40279608

تحسينات في لوحة المصادر

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

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

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

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

مشاكل Chromium: 40865010 و324314570

يتم الاعتراف بالوعود المرفوضة التي تمت معالجتها

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

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

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

مشكلة Chromium: 40283993

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

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

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

مشكلة في Chromium: 40182832

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

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

فحص عناوين ميزة Early Hints

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

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

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

مشكلة في Chromium: 40222701

إخفاء عمود العرض الإعلاني بدون انقطاع

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

مشكلة Chromium: 40574989.

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

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

التقاط إحصاءات أداة اختيار لغة CSS

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

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

مشكلة Chromium: 324282954.

تغيير الترتيب وإخفاء المقاطع الصوتية

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

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

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

مشكلة Chromium: 311439339.

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

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

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

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

مشكلة Chromium: 327337527.

Lighthouse 11.7.1

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

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

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

مشكلة Chromium: 772558.

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

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

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

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

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

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

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

• يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
• يمكنك الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام more_vert خيارات إضافية > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوري البرامج" في "أدوات مطوري البرامج".
• يمكنك نشر تغريدة على @ChromeDevTools.
• يمكنك إضافة تعليقات على فيديوهات YouTube التي تعرض الميزات الجديدة في "أدوات مطوّري البرامج" أو فيديوهات YouTube التي تعرض نصائح حول "أدوات مطوّري البرامج".

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

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