الميزات الجديدة في "أدوات مطوّري البرامج" في الإصدار 137 من Chrome

Sofia Emelianova
Sofia Emelianova
GitHub

مؤتمر Google I/O لعام 2025

ستكون "أدوات مطوّري البرامج في Chrome" حاضرة بقوة في مؤتمر Google I/O لهذا العام. ستتضمّن الفعالية جلسات مباشرة وجلسات مسجّلة.

للاطّلاع على ميزات جديدة رائعة، يمكنك متابعة ما يلي:

بالإضافة إلى ذلك، لا تنسَ الانضمام إلى جلسة "الميزات الجديدة على الويب" التي ستقدّمها "راشيل أندرو" في 20 مايو 2025 الساعة 4:30 مساءً بتوقيت المحيط الهادئ.

يمكنك مشاهدة أحدث فيديو للحصول على نظرة عامة سريعة على آخر الأخبار:

تعديل تغييرات CSS وحفظها في مساحة عملك باستخدام Gemini

ببضع نقرات، يمكنك الآن أن تطلب من Gemini تعديل CSS وإصلاحه نيابةً عنك، ومن خلال مجلد مساحة عمل مرتبط، يمكنك حفظ التغييرات في ملفات المصدر على جهاز الكمبيوتر.

مساحات العمل التلقائية هي ميزة تجريبية. يمكنك ربط مجلد المصدر الحالي أو تجربة عرض توضيحي.

بعد ربط مجلد مساحة العمل، انقر على طلب المساعدة من الذكاء الاصطناعي في لوحة العناصر، واطلب من Gemini تعديل CSS، ثم انقر على متابعة لاختبار التغييرات مباشرةً، ثم وسِّع التغييرات غير المحفوظة، وانقر على تطبيق على مساحة العمل، وراجِع الفرق، ثم انقر على حفظ الكل.

ربط مجلد مساحة عمل وحفظ التغييرات في ملفات المصدر

يمكنك الآن ربط مجلد مساحة عمل تلقائيًا (أو يدويًا) للسماح لأداة DevTools بحفظ تغييرات JavaScript وHTML وCSS في الملفات المصدر المخزّنة على جهاز الكمبيوتر.

في ما يلي طريقة عملها مع JavaScript:

مشكلة في Chromium: 404170628.

طرح أسئلة على Gemini حول إحصاءات الأداء

بنقرة زر، يمكنك الآن بدء محادثة مع Gemini للتحقيق في إحصاءات الأداء التالية واتّخاذ إجراء بشأنها:

  • سرعة عرض أكبر محتوى مرئي (LCP) حسب المرحلة
  • الاطّلاع على طلبات LCP
  • طلبات حظر العرض
  • أسباب تغييرات التصميم
  • وقت الاستجابة لطلب المستند

تظهر الصورة التالية قبل إضافة الزر "اسأل الذكاء الاصطناعي" إلى إحدى الإحصاءات في لوحة "الأداء" وبعد إضافته.

يمكنك إرسال ملاحظاتك حول هذه الميزة من خلال crbug.com/371170842.

إضافة تعليقات توضيحية إلى نتائج الأداء باستخدام Gemini

يمكنك الآن أن تطلب من Gemini إنشاء تعليقات توضيحية حول الأحداث في "تتبُّع الأداء".

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

إضافة لقطات شاشة إلى محادثاتك مع Gemini

في لوحة المساعدة المستندة إلى الذكاء الاصطناعي، يمكنك الآن النقر على زر أخذ لقطة شاشة لالتقاط لقطة شاشة للصفحة وإرسالها إلى محادثتك مع Gemini.

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

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

إحصاءات جديدة في لوحة "الأداء"

يضيف هذا الإصدار إحصاءَين جديدَين إلى لوحة الأداء: JavaScript المكرّر وJavaScript القديم.

مصادر JavaScript المكرّرة

ستُبرز علامة التبويب الجديدة الأداء > الإحصاءات > JavaScript المكرّرة في مسار الشبكة طلبات وحدات JavaScript الكبيرة المكرّرة في حِزمك إذا كانت متوفّرة على صفحتك.

الإحصاءات "مصادر JavaScript المكرّرة" في لوحة "الأداء"

يمكنك أيضًا النقر على عرض خريطة الشجرة في الإحصاءات لاستكشاف تبعيات JavaScript.

ميزات JavaScript القديمة

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

إحصاء "JavaScript القديمة" في لوحة "الأداء"

أصبحت التوقّعات تتوافق الآن مع علامات القواعد

تعرِض الآن التطبيق > عمليات التحميل التخمينية علامات بدلاً من عناوين URL لمجموعات القواعد، إذا كانت العلامات متوفّرة.

قبل وبعد استبدال عنوان URL الخاص بمجموعة القواعد بعلامة

مشكلة في Chromium: 393408589.

‫Lighthouse 12.6.0

تعمل لوحة Lighthouse الآن بالإصدار 12.6.0 من Lighthouse.

أهم ما يميّز هذا الإصدار هو انتقال Lighthouse إلى عمليات تدقيق "إحصاءات الأداء". في فئة الأداء ضمن تقرير Lighthouse، يمكنك الآن النقر على تجربة الإحصاءات.

تظهر الصورة التالية قبل إضافة خيار التبديل إلى "الإحصاءات" في تقرير Lighthouse وبعد إضافته.

يمكنك أيضًا الاطّلاع على القائمة الكاملة بالتغييرات.

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

مشكلة في Chromium: 40543651.

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

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

  • الشبكة: تمت إضافة تحليل للتنسيقات المعروفة لأوقات الخادم.
  • يمكنك الآن إلغاء اختيار الصفوف في الجداول باستخدام Cmd/Ctrl + النقر (مشكلة في Chromium: 409474445).
  • في الأداء > الإحصاءات > استخدام مدة صلاحية فعّالة لذاكرة التخزين المؤقت، يتم الآن تجاهل مواد العرض التي تبلغ مدة صلاحيتها 30 يومًا أو أكثر.

تسهيل الاستخدام

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

  • الأداء: أصبحت أسهم الجهة المنشِئة في التتبُّع أكثر وضوحًا الآن.
  • العناصر: يمكنك الآن التبديل بين عرض شجرة تسهيل الاستخدام على الصفحة الكاملة باستخدام الاختصار A (مشكلة في Chromium: 40888478).

  • تُبلغ قارئات الشاشة الآن عن ما يلي، من بين أمور أخرى:

    • "تم النسخ إلى الحافظة" عند النسخ من مربّعات الرموز
    • "تطبيق التغييرات على مساحة العمل" عند تطبيق تغييرات على مساحة عملك في محادثة المساعدة المستنِدة إلى الذكاء الاصطناعي
    • "إنشاء تصنيف" عندما تطلب من الذكاء الاصطناعي إنشاء تصنيف في الأداء > التعليقات التوضيحية
    • يُرجى العِلم أنّ هناك طلبات مقترَحة في محادثة المساعدة المستندة إلى الذكاء الاصطناعي.
    • يمكنك الاطّلاع على الوفورات المقدّرة للإحصاءات ذات الصلة في الأداء > الإحصاءات.

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

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

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

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

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

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