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

Matthias Rohmer

تاريخ النشر: 25 أغسطس 2026

يتضمّن الإصدار 125 من Chrome تحسينات كبيرة على تصحيح أخطاء الشبكة من خلال إعادة إرسال الطلبات وفحص الحمولة الثنائية، وأدوات تزيين العناصر المخصّصة، وتحسين ميزة التداخل في CSS ضمن "العناصر"، ومؤشرات Core Web Vitals لعمليات التنقّل السلس في "مقاييس الأداء المباشرة"، وتصدير الجداول المنظَّمة في "وحدة التحكّم"، وتحسينات على خادم MCP في "أدوات مطوّري البرامج".

أدوات مطوّري البرامج المخصّصة للوكلاء

يتضمّن الإصدار الأحدث v1.7.0 من خادم "بروتوكول سياق النموذج" في "أدوات مطوّري البرامج في Chrome" إمكانات تصحيح أخطاء الذاكرة التي تم طرحها سابقًا والمخصّصة لوكلاء الترميز، مثل Antigravity وClaude وCodex وغير ذلك:

  • تفاصيل كائن لقطة لعناصر متعدّدة (get_heapsnapshot_object_details): يمكنك فحص تفاصيل سمات كائن JavaScript وأسماء الفئات ومسارات الاحتفاظ بجذر GC مباشرةً من لقطات لعناصر متعدّدة.
  • فلترة سياق V8 الأصلي: يمكنك فلترة عناصر لقطة الذاكرة المجمّعة حسب سياق التنفيذ الأصلي وفحص السياقات الأصلية في ملخّصات اللقطات.
  • تحسينات على ثبات البرنامج الخفي ومراحل نشاطه: تمت إضافة الاحتفاظ بطلبات الشبكة المحدودة لكل عملية تنقّل، والتحقّق من صحة معرّف الجلسة، والتحذيرات بشأن عدم تطابق إصدار واجهة سطر الأوامر مع إصدار البرنامج الخفي، وإيقاف المنفِّذ بشكل سليم عند التخلص من السياق.

لمزيد من المعلومات وبدء الاستخدام، يُرجى الانتقال إلى مستودع أدوات مطوري البرامج الخاص بالوكلاء على GitHub.

الشبكة: تعديل الطلبات وإعادة إرسالها، وإحصاءات التحميل المُسبَق، وفك ترميز الحمولة الثنائية

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

  • إعادة إرسال طلبات Fetch وXHR: أصبح خيار القائمة السياقية السابق "إعادة تشغيل XHR" هو إعادة الإرسال. يتوافق الآن مع جميع طلبات الشبكة التي يمكن جلبها، ويحوّل الطلبات العادية إلى طلبات fetch() مع الحفاظ على دقة إعادة التشغيل الكاملة إلى جانب XHR. تتتبّع الطلبات أيضًا سياق تنفيذها ومصدرها في وحدة التحكّم وتعرضهما.
  • عمود "التحميل المُسبَق" و"نسخ كعنصر تحميل مُسبَق": يعرض عمود جديد مخصّص باسم التحميل المُسبَق ما إذا تم بدء طلب شبكة باستخدام التحميل المُسبَق التخميني. يمكنك أيضًا النقر بزر الماوس الأيمن على أي طلب واختيار نسخ كعنصر تحميل مسبق لإنشاء علامة <link rel="preload"> جاهزة لإضافتها إلى HTML. يتم الآن تصنيف Early Hints ضمن عمود المصدر.
  • عارض ثنائي لحِزم بيانات الطلبات: تتضمّن علامة التبويب حِزمة البيانات الآن خيارات لطريقة فك الترميز (Base64 وHex وUTF-8) لحِزم بيانات الطلبات الثنائية والمضغوطة، ما يطابق علامة التبويب "الرد".
  • عمود "رقم الطلب المثبَّت": تم الآن تثبيت عمود # في الموضع الأول في شبكة بيانات "الشبكة" لتسهيل الرجوع إلى الطلب.
  • فلترة المضيفين على الموقع الإلكتروني نفسه: عند البحث عن نطاقات أو أسماء مضيفين أو منافذ (مثل localhost أو example.com) في شريط فلتر الشبكة، تتم الآن فلترة الطلبات على الموقع الإلكتروني نفسه بدقة.
  • فك ترميز مَعلمات طلب البحث التلقائي: يتم الآن فك ترميز مَعلمات طلب البحث والنماذج في علامة التبويب "الحمولة" تلقائيًا لجميع الطلبات.

مشاكل Chromium: 40726969 و41299075 و40138847 و40222701 و525848667 و507077182 و498482622 و520437951 و40267477

العناصر: أدوات تزيين العناصر المخصّصة، وتفاعلات أداة اختيار العنصر الرئيسي المتداخلة في CSS، واختيار العنصر الزائف $0

تعرض شجرة نموذج العناصر في المستند (DOM) ضمن لوحة &quot;العناصر&quot; شارة العلامة التفسيرية الخاصة بالعنصر المخصّص بجانب علامات HTML المخصّصة، كما تعرض تمرير مؤشر الماوس فوق أداة اختيار العنصر الأصل في قاعدة CSS متداخلة لتسليط الضوء على العنصر المطابق في الصفحة.

أصبح فحص عناصر الويب وتأليفها باستخدام CSS الحديثة أسرع وأكثر سهولة في لوحة العناصر:

  • شارة علامة التفسير للعناصر المخصّصة: تعرض عناصر HTML المخصّصة (المحدّدة بواسطة علامات تتضمّن شرطات أو سمات is="..." للعناصر المضمّنة المخصّصة) الآن شارة علامة تفسير custom-element في مخطط شجرة نموذج العناصر في المستند.
  • التفاعلات مع أداة اختيار العنصر الرئيسي في CSS المدمَج ودرجة التحديد: عند تمرير مؤشر الماوس فوق أدوات اختيار العنصر الرئيسي في قواعد CSS المدمَجة والقواعد المدمَجة الموروثة، يتم الآن تمييز العناصر المطابقة على الصفحة والاستجابة لفلترة علامة التبويب "الأنماط". تمت إضافة نوافذ منبثقة تتضمّن تلميحات حول الدقة لقواعد @nested-declarations.
  • اختيار العناصر الزائفة باستخدام $0: عند اختيار عناصر زائفة مثل ::before أو ::after في شجرة نموذج العناصر في المستند الخاصة بالعناصر، يتم ربطها الآن مباشرةً بمتغيّر وحدة التحكّم $0 لإجراء فحص فوري باستخدام JavaScript.
  • الإكمال التلقائي للنوعَين text-wrap و<image>: تقترح لوحة "الأنماط" الآن جميع قيم الكلمات الرئيسية للنوع text-wrap (wrap وnowrap وbalance وpretty وstable)، وتُكمل تلقائيًا خصائص CSS التي تقبل أنواع البيانات <image>.
  • التعرّف على شريط التمرير في Box Model: يحسب الرسم البياني لمقاييس Box Model الآن أبعاد مربّع المحتوى ويعرضها بدقة عندما تتضمّن العناصر أشرطة تمرير مرئية.

مشاكل Chromium: 367440148, 535517817, 535522242, 535523039, 537724428, 399305533, 334984154, 383355294, 326260752, 389342065

الأداء: مقاييس التنقّل السلس في "المقاييس الحية" وإعدادات مسبقة مخصّصة للقطات الشاشة

قسم &quot;المقاييس المباشرة&quot; في لوحة &quot;الأداء&quot; الذي يعرض مؤشرات Core Web Vitals للتنقّلات السلسة

  • إتاحة مقاييس الأداء المباشرة لعمليات التنقّل السلس: تعرض الآن طريقة عرض "مقاييس الأداء المباشرة" مقاييس Core Web Vitals (مثل "سرعة عرض أكبر محتوى مرئي" و"مدى استجابة الصفحة لتفاعلات المستخدم") لعمليات التنقّل السلس من جهة العميل في تطبيقات الصفحة الواحدة، وذلك بشكل تلقائي، ويتم ذلك من خلال ترقية إلى الإصدار web-vitals 6.0.0.
  • إعدادات مسبقة مخصّصة لالتقاط لقطات الشاشة: تم عرض إعدادات مسبقة قابلة للضبط للحد الأقصى لعدد اللقطات وحجم إطار لقطة الشاشة لتتبُّع CDP في لوحة &quot;الأداء&quot; من أجل تخصيص دقة التسجيل المرئي ضمن حدود الذاكرة.
  • console.profileEnd() أداة عرض عمليات التتبُّع: يؤدي استدعاء console.profileEnd() في الرمز أو وحدة التحكّم إلى فتح عملية التتبُّع المسجّلة وعرضها تلقائيًا في لوحة "الأداء".
  • ملخّص قنوات الإصدار المخصّصة في Extensibility API: تعالج ملخّصات تتبُّع الأداء الآن مجموعات قنوات الإصدار المخصّصة المسجّلة باستخدام Extensibility API وتعرضها.

مشاكل Chromium: 514721939 و490140054 و536954453 و535506117

وحدة التحكّم: تصدير الجداول بتنسيق Markdown أو CSV والحماية من الآثار الجانبية

  • نسخ جداول وحدة التحكّم بتنسيق Markdown أو CSV: يمكن الآن نسخ الجداول التي تم تسجيلها باستخدام console.table() مباشرةً إلى الحافظة كجداول منسَّقة بتنسيق Markdown أو بيانات CSV من قائمة السياق.
  • الحماية من تقييم الآثار الجانبية: تمنع ميزة التقييم عند التمرير في أداة تصحيح الأخطاء الآن التعبيرات التي تحتوي على new، وعبارات النموذج الموسومة، وimport() الديناميكية، وعوامل التشغيل delete، ما يمنع حدوث تغييرات عرضية في الحالة أثناء الإيقاف المؤقت.

مشاكل Chromium: 40924951 و40133606

لمحات أخرى عن المنتج

مجموعة من التحسينات البارزة في أنظمة فرعية أخرى من "أدوات مطوّري البرامج":

  • المصادر: يمنح ميزة "الفتح السريع" الآن الأولوية لملفات مساحة العمل المحلية مع زيادة كبيرة في النتيجة، ما يؤدي إلى ظهور ملفات مساحة العمل في أعلى القائمة فوق موارد الشبكة. (مشكلة في Chromium: 40260136)
  • الذاكرة: يعرض الآن عرض "ملخّص لقطة الذاكرة" إجمالي عدد العناصر إلى جانب الأحجام السطحية المجمّعة للأنواع المحدّدة، ويتضمّن فلاتر سياق التنفيذ الأصلي. (مشكلة في Chromium: 497855658)
  • التطبيق: نقلت لوحة الإعلانات مفتاح التبديل تمييز الإعلانات إلى اللوحة مباشرةً، وأضافت أرقام تعريف عناصر iframe للإعلانات قابلة للنقر للكشف عن الإطارات في التسلسل الهرمي، وقدّمت جدولاً لتفصيل المقاييس لكل إطار. (مشكلة في Chromium: 514957134)
  • التطبيق: تم إعادة تصميم قسم محو بيانات الموقع الإلكتروني في لوحة &quot;التخزين&quot; ليصبح مجموعة موحّدة ومدمجة (مشكلة في Chromium: 375867286)، وتم حلّ مشكلة إدخالات &quot;ذاكرة التخزين المؤقت&quot; المكرّرة بعد عمليات استعادة ميزة &quot;التخزين المؤقت للصفحات&quot; (مشكلة في Chromium: 484693244).
  • الإضافات: يمكن الآن أن تعرض الطرق غير المتزامنة في chrome.devtools.panels بشكل تلقائي JavaScript Promises عند استدعائها بدون دالة ردّ. (مشكلة في Chromium: 496604551)
  • الإعدادات: تقسيم الإعدادات المسبقة التلقائية لضبط الحد الأقصى المسموح لعرض نطاق الشبكة وإعدادات ضبط الحد الأقصى المسموح لعرض نطاق الشبكة المخصّصة إلى أقسام منفصلة (مشكلة في Chromium: 342409451)
  • Lighthouse: تم تعديل وحدة Lighthouse المجمّعة إلى الإصدار 13.4.1. (مشكلة في Chromium: 40543651)
  • المشاكل: تعرض "أدوات مطوّري البرامج" تحذيرًا عندما تفتقر صورة تستخدم loading="lazy" إلى سمات width أو height صريحة.
  • وضع الجهاز: تم تبسيط قائمة مستوى التكبير/التصغير من خلال خيار ملاءمة النافذة الموحّد، وتم إيقاف مفتاح عرض إطار الجهاز عندما لا تتوفّر رسومات الإطار.

التحسينات المتعلّقة بتسهيل الاستخدام

يتضمّن الإصدار 152 من Chrome تحسينات تسهيل الاستخدام التالية:

  • العناصر وتسهيل الاستخدام: تمت إضافة خيارات قائمة السياقات للتبديل بين شجرة نموذج العناصر في المستند (DOM) الخاصة بالعناصر وطريقة العرض التدرّجي لتسهيل الاستخدام، بالإضافة إلى خيار "الانتقال إلى العرض" لعُقد تسهيل الاستخدام. (مشاكل Chromium: 417929842)
  • تسهيل الاستخدام: تمت إضافة إمكانية نسخ عقد شجرة تسهيل الاستخدام والأشجار الفرعية كنص عادي باستخدام قائمة السياق. (مشكلة في Chromium: 417929842)
  • العناصر: تم إصلاح ألوان التمييز المنخفضة التباين في لوحة "العناصر" عند تشغيلها في الوضع الداكن. (مشكلة في Chromium: 491718898)
  • التنقّل: لم يعُد فصل DevTools في نافذة منفصلة أو إعادة ربطها بعلامة التبويب يؤدي إلى فرض التركيز على زر القائمة الرئيسية.
  • الإعدادات: أضفنا سياقًا وصفيًا يسهل الوصول إليه إلى الزرَّين "عرض المزيد" و "عرض أقل" في إعدادات الذكاء الاصطناعي.