الميزات الجديدة في أدوات مطوّري البرامج (Chrome 117)

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

تجاهُل محتوى الويب على الجهاز بشكل أسرع

تم الآن تبسيط ميزة عمليات التعديل المحلية، ما يتيح لك محاكاة عناوين الاستجابة ومحتوى الويب الخاص بالمراجع البعيدة بسهولة من لوحة الشبكة بدون الحاجة إلى الوصول إليها.

لتجاوز محتوى الويب، افتح لوحة الشبكة، وانقر بزر الماوس الأيمن على طلب، ثم اختَر تجاوز المحتوى.

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

بعد إعداد عمليات الإلغاء، تنقلك "أدوات مطوّلي البرامج" إلى المصادر > عمليات الإلغاء > المحرّر لتتمكّن من إلغاء المحتوى على الويب.

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

مشاكل Chromium: 1465785 و1470532 و1469359

تجاهُل محتوى طلبات XHR وطلبات الاسترجاع

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

تتيح "أدوات مطوّري Chrome" حاليًا إمكانية تجاهل المحتوى لأنواع الطلبات التالية: الصور (مثل avif وpng) والخطوط وعمليات الجلب وXHR والنصوص البرمجية (css وjs) والمستندات (html). تتجاهل "أدوات مطوّلي البرامج" الآن الخيار تجاهل المحتوى للأنواع غير المتوافقة.

مشاكل Chromium: 792101 و1469776.

إخفاء طلبات إضافات Chrome

لمساعدتك في التركيز على الرمز الذي تكتبه واستبعاد الطلبات غير ذات الصلة التي ترسلها الإضافات التي ربما ثبّتها في Chrome، ستتضمّن لوحة الشبكة فلترًا جديدًا.

لفلترة جميع الطلبات المُرسَلة إلى عناوين URL التي تبدأ بـ chrome-extension://، ضَع علامة في المربّع إخفاء عناوين URL للإضافات.

مشاكل Chromium: 1257885 و1458803.

رموز حالة HTTP يمكن لشخص عادي قراءتها

يعرض رمز الحالة في عنوان الطلب الآن نصًا قابلاً للقراءة بجانب رموز حالة HTTP، ما يتيح لك معرفة ما حدث للطلب بشكل أسرع.

يمكنك أيضًا تمرير مؤشر الماوس فوق رمز الحالة في جدول الطلبات للاطّلاع على النص نفسه.

مشكلة في Chromium: 1153956.

عرض الاستجابات بتنسيق جميل لأنواع JSON الفرعية

تعمل علامة التبويب الردّ لطلب يتضمّن application/[subtype]+json نوعًا فرعيًا من MIME (مثل ld+json وhal+json وغيرهما) الآن على تحليل الردّ بشكل صحيح وتتيح لك تنسيقه.

مشكلة في Chromium: 406900.

الأداء: الاطّلاع على التغييرات في أولوية الجلب لأحداث الشبكة

تعرض لوحة الأداء الآن حقلَي أولوية في الملخّص الخاص بحدث في مسار الشبكة: الأولوية الأولية والأولوية (النهائية)، بدلاً من الأولوية الفردية فقط. باستخدام هذا الحقل الإضافي، يمكنك الآن معرفة ما إذا كانت أولوية جلب الحدث تتغيّر وتعديل ترتيب عمليات التنزيل. لمزيد من المعلومات، يُرجى الاطّلاع على تحسين تحميل الموارد باستخدام Fetch Priority API.

بالإضافة إلى ذلك، يمكنك العثور على المعلومات نفسها في عمود الأولوية ضمن لوحة الشبكة مع تفعيل الإعداد صفوف الطلبات الكبيرة.

مشاكل Chromium: 1463901 و1380964

إعدادات "المصادر" مفعَّلة تلقائيًا: تصغير الرمز والكشف التلقائي عن الملف

تم الآن تفعيل الخيار الإعدادات > الإعدادات المفضّلة > طي الرمز تلقائيًا. يتيح لك هذا الخيار تصغير كتل الرموز البرمجية.

لتصغير مجموعة رموز، مرِّر مؤشر الماوس فوق رقم السطر بجانب بداية المجموعة وانقر على رمز التصغير . انقر على {...} لتوسيع الحظر مرة أخرى.

بالإضافة إلى ذلك، تم الآن تفعيل الخيار الإعدادات > الإعدادات المفضّلة > إظهار الملفات تلقائيًا في الشريط الجانبي تلقائيًا أيضًا.

يؤدي هذا الإعداد إلى جعل شجرة الملفات في المصادر > الصفحة تختار الملف الحالي المفتوح في المحرّر عند التبديل بين علامات التبويب.

مشاكل Chromium: 1459193 و1336599.

تحسين عملية تصحيح الأخطاء المتعلّقة بملفات تعريف الارتباط التابعة لجهات خارجية

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

يمكنك الآن اختبار سلوك Chrome بعد الإيقاف النهائي لملفات تعريف الارتباط التابعة لجهات خارجية. لإجراء ذلك، شغِّل Chrome من سطر الأوامر باستخدام العلامة --test-third-party-cookies-phaseout. للتعرّف على وظيفة هذا الخيار، اطّلِع على مقالة تصحيح أخطاء ملفات تعريف الارتباط.

بغض النظر عن الطريقة التي تستخدم بها Chrome (مع أو بدون العلامة)، تتضمّن علامة التبويب المشاكل الآن مربّع الاختيار تضمين مشاكل ملفات تعريف الارتباط التابعة لجهات خارجية مفعّلاً تلقائيًا لجميع مستخدمي Chrome الجدد، ونتيجةً لذلك، يتم عرض التقارير التالية:

• تحذير بشأن تغيير غير متوافق مع الإصدارات السابقة حول الإيقاف النهائي القادم.
• المشاكل المتعلّقة بملفات تعريف الارتباط الخارجية

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

لاختبار ذلك، افحص ملفات تعريف الارتباط في صفحة العرض التوضيحي هذه.

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

مشاكل Chromium: 1458839 و1462693 و1466310

تصحيح أخطاء التحميل المُسبَق في "لوحة التطبيقات"

يعمل فريق Chrome على إعادة ميزة العرض المسبق الكامل للصفحات المستقبلية التي من المحتمل أن ينتقل إليها المستخدم. لمساعدتك في تصحيح الأخطاء، تضيف "أدوات مطوّري البرامج" قسم التحميل المُسبَق إلى لوحة التطبيق. تستخدم عملية الجلب المسبق والتحميل المسبق الجديدة (المعروفة بشكل جماعي باسم "التحميل المسبق للملاحة") واجهة برمجة التطبيقات Speculation Rules API بدلاً من تلميحات الموارد المستندة إلى الروابط.

في صفحة العرض التوضيحي هذه لعملية العرض المسبق، ضمن القسم التطبيق > التحميل المُسبَق، يمكنك فحص ما يلي:

• قواعد التوقّع التي تسرد جميع مجموعات القواعد التي تم العثور عليها في الصفحة الحالية
• عمليات التحميل المُسبَق التي تعرض جميع عناوين URL التي تم جلبها مُسبقًا وعرضها مُسبقًا من مجموعات القواعد
• هذه الصفحة التي تعرض حالة العرض المسبق للصفحة الحالية

لمزيد من المعلومات، يُرجى الاطّلاع على المشاركة المخصّصة بشأن تصحيح أخطاء قواعد التخمين.

مشكلة في Chromium: 1410709.

ألوان جديدة

ربما لاحظت أنّ "أدوات مطوّري البرامج" تتضمّن الآن مظهرًا جديدًا يتوافق بشكل أفضل مع Chrome. أحد العوامل المساهمة في ذلك هو نظام الألوان الجديد.

يتضمّن هذا الإصدار (117) المزيد من التحسينات على تجربة المستخدم في "أدوات مطوّلي البرامج"، سواء تلك التي تم ذكرها سابقًا أو تلك المُدرَجة أدناه، بما في ذلك عدد من النصوص المحسّنة لواجهة المستخدم.

مشكلة في Chromium: 1456677

‫Lighthouse 10.4.0

تعمل لوحة Lighthouse الآن بالإصدار 10.4.0 من Lighthouse. أهم ما يقدّمه هذا الإصدار هو عمليات تدقيق جديدة في إمكانية الوصول إلى المحتوى، وتشمل ما يلي:

• aria-dialog-name
• aria-text
• link-in-text-block
• select-name

على سبيل المثال:

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

مشكلة في Chromium: 772558.

أصبحت إضافة تصحيح أخطاء C/C++ WebAssembly في "أدوات مطوّري البرامج" متاحة الآن كمصدر مفتوح

أصبحت إضافة تصحيح أخطاء WebAssembly في C/C++ لأدوات مطوّري البرامج الآن مفتوحة المصدر ومتاحة في مستودع الواجهة الأمامية لأدوات مطوّري البرامج. تتيح هذه الإضافة إمكانات تصحيح الأخطاء في "أدوات مطوّري البرامج" لبرامج C++ التي تم تجميعها إلى WebAssembly. لمزيد من المعلومات، يُرجى الاطّلاع على تصحيح أخطاء C/C++ WebAssembly.

تعرَّف على كيفية إنشاء الإضافة وتشغيلها واختبارها، ويمكنك المساهمة.

مشكلة في Chromium: 1410709.

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

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

• التداخل في CSS: تعرض لوحة العناصر الآن سلسلة أدوات الاختيار الكاملة للعناصر الفرعية المتداخلة (1172985).
• يتضمّن التطبيق > ملف البيان الآن قسم نافذة عناصر التحكّم الذي يتحقّق مما إذا كانت القيمة display_override متوفّرة في ملف البيان ويوفّر روابط إلى المستندات ذات الصلة.
• تتيح شجرة المصادر > الصفحة الآن إجراء ما يلي، على سبيل المثال لا الحصر (1442863):
  • يتم عرض المجلدات باللون الرمادي إذا كان كل محتواها مدرَجًا في قائمة التجاهل.
  • تلوين المجلدات باللون البرتقالي إذا كان كل محتواها من خريطة مصدر
• الأداء: يتم الآن إخفاء إعدادات الالتقاط تلقائيًا عند بدء التسجيل (1455498).
• تمت استعادة سلوك Ctrl + السهم (في نظام التشغيل Windows) وOpt + السهم (في نظام التشغيل MacOs) في المصادر > المحرّر (1468208).
• يحتفظ خيار الرسوم المتحركة > إيقاف الكل مؤقتًا الآن بحالته عند إعادة تحميل الصفحات (1446046).
• تم نقل التطبيق > مساحة التخزين > مساحة تخزين ذاكرة التخزين المؤقت إلى التطبيق > مساحة التخزين > قسم ذاكرة التخزين المؤقت (1462622).
• تم تحسين بعض نصوص واجهة المستخدم وتلميحات الأدوات: تلميح أداة التزامن مع الأجهزة، نصوص فلتر الشبكة وخيار القائمة الرئيسية، واستخدام الأحرف الكبيرة في عرض شجرة التطبيق، ونصوص الشبكة > العناوين، ونصوص المصادر > عمليات التجاوز ونظام الملفات.

ميزات تجريبية جديدة

محاكاة عرض جديدة: prefers-reduced-transparency

قد يبدأ مستخدمو موقعك الإلكتروني في تفعيل ميزة الوسائط التجريبية الجديدة prefers-reduced-transparency في CSS على أجهزتهم للإشارة إلى أنّهم يفضّلون تقليل التأثيرات الشفافة. ننصحك بمراعاة هذا الخيار لزيادة إمكانية الوصول إلى موقعك الإلكتروني. لمساعدتك، يمكن لعلامة التبويب في لوحة العرض الآن محاكاة الإعداد prefers-reduced-transparency: reduce، ما يتيح لك إنشاء نموذج أوّلي لحلّ المشكلة واختبار سلوك موقعك الإلكتروني في هذه الحالة.

لاختبار هذه الميزة في Chrome، فعِّل ميزات تجريبية لمنصة الويب في chrome://flags.

مشكلة في Chromium: 1424879.

أداة رصد البروتوكول المحسَّنة

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

يحصل مراقب البروتوكول على واجهة جديدة تتيح لك إنشاء أوامر CDP وإرسالها بسهولة أكبر. لن تحتاج الآن إلى البحث عن الأوامر ومَعلماتها في المستندات، بل ستقترحها عليك "أدوات مطوّري البرامج".

في أسفل يسار علامة تبويب درج مراقبة البروتوكول، انقر على عرض محرّر أوامر CDP، واختَر هدفًا، وابدأ في كتابة أمر، واختَر أحد الأوامر المقترَحة، وحدِّد قيم المَعلمات إذا لزم الأمر، ثم انقر على إرسال الأمر (Ctrl/Cmd + Enter).

مشكلة في Chromium: 1469345.

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

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

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

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

• يمكنك إرسال الملاحظات وطلبات الميزات إلينا على crbug.com.
• يمكنك الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" باستخدام more_vert المزيد من الخيارات > مساعدة > الإبلاغ عن مشكلة في "أدوات مطوّري البرامج" في "أدوات مطوّري البرامج".
• يمكنك نشر تغريدة على ‎@ChromeDevTools.
• يمكنك إضافة تعليقات على فيديوهات "الميزات الجديدة في أدوات مطوّري البرامج" على YouTube أو فيديوهات "نصائح حول أدوات مطوّري البرامج" على YouTube.

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

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