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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

خيارات إلغاء الإعدادات في القائمة المنسدلة لطلب معيّن

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

اختَر مجلدًا واسمح بالوصول إليه في شريط الإجراءات في أعلى الصفحة.

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

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

رمز إلغاء بجانب طلب في لوحة "الشبكة"

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

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

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

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

مشاكل Chromium: 792101 و1469776

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

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

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

عناوين URL للإضافات مخفية من جدول الطلبات

مشاكل Chromium: 1257885 و1458803

رموز حالة HTTP القابلة للقراءة

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

عرض رموز حالة HTTP القابلة للقراءة من قِبل المستخدمين في كلّ من الإجراءَين السابقَين واللاحقَين

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

مشكلة Chromium: 1153956

طباعة الاستجابات بشكل جميل لأنواع JSON الفرعية

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

المحتوى قبل تحليل نوع فرعي من application/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. ومن أبرز ميزات هذا الإصدار إضافة عمليات تدقيق جديدة لإمكانية الاستخدام في ما يلي:

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

تعذّر التحقّق من لون الروابط التي تجعل من الصعب تمييزها.

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

مشكلة Chromium: 772558

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

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

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

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

تحديد أمر CDP وإرساله

مشكلة Chromium: 1469345

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

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

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

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

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

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