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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

خيارات التجاوز في القائمة المنسدلة لأحد الطلبات

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

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

بعد إعداد عمليات الإلغاء، سينقلك DevTools إلى المصادر > عمليات الإلغاء > المحرّر ليسمح لك بإلغاء المحتوى على الويب.

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

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

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

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

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

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

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

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

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

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

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

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

مشكلة في Chromium: 1469345.

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

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

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

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

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

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