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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

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

قبل وبعد دعم قواعد CSS الخاصة بـ ‎ @position-try

لمزيد من المعلومات، يمكنك الاطّلاع على تقديم واجهة برمجة التطبيقات لتحديد موضع العنصر الثابت في CSS.

مشكلة في Chromium: 40279608.

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

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

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

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

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

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

مشاكل Chromium: 40865010 و324314570.

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

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

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

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

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

مشكلة في Chromium: 40283993.

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

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

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

تتضمّن عمليات تتبُّع تسلسل استدعاء الدوال البرمجية السابقة واللاحقة البادئات `Caused by`.

مشكلة في Chromium: 40182832.

تحسينات في "لوحة الشبكة"

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

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

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

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

قبل إضافة قسم مخصّص لـ Early Hints وبعدها

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

مشكلة في Chromium: 40222701.

إخفاء عمود "الرسم البياني الشلال"

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

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

مشكلة في Chromium: 40574989.

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

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

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

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

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

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

مشكلة في Chromium: 324282954

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

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

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

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

مشكلة في Chromium: 311439339.

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

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

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

قبل وبعد إضافة خيار لتجاهل رسوم الاحتفاظ

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

مشكلة في Chromium: 327337527.

الإصدار 11.7.1 من Lighthouse

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

من بين التغييرات المهمة، تم إيقاف التوافق مع إضافة إعلانات الناشرين، والتي أصبحت قديمة في هذا الإصدار.

قبل إضافة ميزة التوافق مع إضافة "إعلانات الناشرين" وبعد إضافتها

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

مشكلة في Chromium: 772558.

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

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

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

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

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

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

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

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

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