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

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

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

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

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