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

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

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

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

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

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

بعد إعداد عمليات الاستبدال، ستنقلك أدوات المطوّرين إلى المصادر > عمليات الاستبدال > المحرِّر للسماح لك باستبدال محتوى الويب.

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

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

إلغاء محتوى XHR وطلبات الاسترجاع

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

تتيح أدوات المطوّرين حاليًا إلغاء المحتوى لأنواع الطلبات التالية: الصور (مثل avif وpng) والخطوط وطلبات Fetch و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 الآن بإصدار Lighthouse 10.4.0. ومن أبرز ميزات هذا الإصدار إضافة عمليات تدقيق جديدة لإمكانية الاستخدام في ما يلي:

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

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

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

مشكلة في Chromium:‏ 772558

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

أصبحت إضافة تصحيح أخطاء C/C++ WebAssembly في "أدوات مطوري البرامج" مفتوحة المصدر ومتوفّرة في مستودع الواجهة الأمامية في أدوات مطوّري البرامج. تتيح هذه الإضافة إمكانات تصحيح الأخطاء في "أدوات مطوّري البرامج" لبرامج 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 ‏ (CDP) لفحص متصفّحات Chrome وتحليلها وتصحيح أخطائها وإعداد ملفاتها الشخصية. إذا كنت من مطوّري Chromium أو "أدوات مطوري البرامج"، ستوفّر لك أداة مراقبة البروتوكول طريقة لعرض كل طلبات "أدوات مطوّري البرامج" واستجاباتها التي تقدّمها "أدوات مطوّري البرامج" وإرسال أوامر بروتوكول "أدوات مطوّري البرامج".

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

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

مشكلة في Chromium: 1469345

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

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

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

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

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

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

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