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

Sofia Emelianova
Sofia Emelianova
GitHub

إصدار Google I/O لعام 2025

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

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

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

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

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

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

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

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

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

يمكنك الآن ربط مجلد مساحة عمل تلقائيًا (أو يدويًا) للسماح لأدوات المطوّرين بحفظ تغييرات 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 الآن بإصدار Lighthouse 12.6.0.

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

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

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

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

مشكلة في Chromium: ‏ 40543651

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

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

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

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

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

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

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

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

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

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

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

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

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

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